Okay
  Public Ticket #309659
Responsive Logo & Text scaling
Closed

Comments

  • Andy started the conversation
    October 30, 2014 at 1:35pm

    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

  •  8,426
    Tahir replied
    November 3, 2014 at 2:58pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    
@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;
    }
}
    Thanks

    ThemeNectar Support Team 

  • Andy replied
    November 4, 2014 at 2:52am

    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?

  • Andy replied
    November 4, 2014 at 2:23pm

    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

  • Andy replied
    November 4, 2014 at 2:29pm

    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

  •  8,426
    Tahir replied
    November 5, 2014 at 5:53pm

    Hey, could you allow us to log in so we can check on this for you more?

    Thanks 

    ThemeNectar Support Team