Okay
  Public Ticket #1240427
Nectar slider header.
Closed

Comments

  • 12 Strings started the conversation
    July 13, 2017 at 11:17pm

    I am trying to change the text size of the nectar slider header on the mobile view of this website:

    http://www.12strings.com.au/

    The code is not working. What do I need to change to make it work?

    <pre>

    @media only screen and (max-width : 599px) and (min-width : 1px){
        body .nectar-slider-wrap div.swiper-slide .content h2 {
    font-size: 30px!important;
    line-height: 32px;
    }
    }

    </pre>

    Thanks in advance.

  •  9,013
    Tahir replied
    July 14, 2017 at 12:59pm

    Hey Again,

    Try using the Mobile Text Sizing Overrides : http://prntscr.com/fvn4z7 . 

    Thanks

    ThemeNectar Support Team 

  • 12 Strings replied
    July 14, 2017 at 1:40pm

    Thanks for the suggestion. I tried to enter a text size of 40px but the text did not change only the text height. How do I correct this?

  •  9,013
    Tahir replied
    July 14, 2017 at 2:36pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2, .nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] .swiper-slide .content h2, .full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2 {
        font-size: 25px !important;
        line-height: 31px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • 12 Strings replied
    July 16, 2017 at 10:02pm

    Perfect,  thankyou Tahir.