Ive stripped out my style.css so its empty (to be sure ive not created a fault) and yet when I view my pages on a mobile device both the logo & slider text 'over' shrink. Surely by default this should work? I shouldnt need to add css out of the box to make this work so how do I make this work.
**Ive also noticed all of your slider text over-shrinks too although your logo shrinks correctly
It seems to fix the Slider (thx) but the Logo wont change even when I dramatically change the settings. It seems locked into its tiny size in mobile settings.
Actually Ive tried this on both my Retina Ipad and Iphone 5 and cant make either work properly (logo and slider text changes). I can make the 'sub copy text' change but both the logo and Slider Lead Text seem to not change at all. Ive been using my salient-child.css to make these changes which is the normal way I alter things.
I decided to try again and this time put the CSS in the actual 'Gen Settings' (as per ur orig instructions) on the admin panel within the theme. IT WORKS!
Question is then... Why cant I put this into my Child theme and make it work? Ive hoped to avoid keeping CSS in two separate places. So untidy and causes confusion later.
Ive stripped out my style.css so its empty (to be sure ive not created a fault) and yet when I view my pages on a mobile device both the logo & slider text 'over' shrink. Surely by default this should work? I shouldnt need to add css out of the box to make this work so how do I make this work.
**Ive also noticed all of your slider text over-shrinks too although your logo shrinks correctly
Cheers
Andy
Hey!
@media only screen and (max-width: 1000px) and (min-width: 1px) { body header#top #logo img { height: 44px!important; margin-top: -13px!important; } } @media only screen and (max-width: 1000px) { .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 38px!important; line-height: 48px!important; } .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p span { font-size: 28px!important; line-height: 48px!important; } } @media only screen and (max-width: 690px) { .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 38px!important; line-height: 45px!important; } .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p span { font-size: 18px!important; line-height: 35px!important; } }
ThemeNectar Support Team
Hi there,
It seems to fix the Slider (thx) but the Logo wont change even when I dramatically change the settings. It seems locked into its tiny size in mobile settings.
Can you take a look please?
Actually Ive tried this on both my Retina Ipad and Iphone 5 and cant make either work properly (logo and slider text changes). I can make the 'sub copy text' change but both the logo and Slider Lead Text seem to not change at all. Ive been using my salient-child.css to make these changes which is the normal way I alter things.
Need some more help please
Hello again...
I decided to try again and this time put the CSS in the actual 'Gen Settings' (as per ur orig instructions) on the admin panel within the theme. IT WORKS!
Question is then... Why cant I put this into my Child theme and make it work? Ive hoped to avoid keeping CSS in two separate places. So untidy and causes confusion later.
Thanks
Andy
Hey, could you allow us to log in so we can check on this for you more?
ThemeNectar Support Team