Okay
  Public Ticket #1007320
Secondary Nav on mobile
Closed

Comments

  • MyshaSantini started the conversation
    January 3, 2017 at 5:37pm

    Hello,

    A few questions about the secondary nav on mobile devices:

    (screenshot attached)

    1. I was wondering if it is possible to shrink the font size on the secondary nav on mobiles so that it is all on one line? Alternatively, where to change the line spacing for the secondary nav only?

    2. On a mobile device a grey divider line appears above the nav, could I get rid of this?

    Thank you,

    Mysha

  •  8,996
    Tahir replied
    January 3, 2017 at 5:42pm

    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: 1000px) and (min-width: 1px) {
    /* remove border   */ #header-secondary-outer nav ul.sf-menu {
        border-top: none !important;
    }
    /*     adjust font size of secondary nav on mobile */
    #header-secondary-outer nav ul li a {
        font-size: 15px !important;
    }
    /* adjust lineheight */
    #header-secondary-outer nav ul li a {
        line-height: 19px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • MyshaSantini replied
    January 3, 2017 at 5:51pm

    Thank you works great, but now it's no longer centred?


    Thank you!

  •  8,996
    Tahir replied
    January 3, 2017 at 6:08pm

    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) {
    #boxed #header-secondary-outer {
        padding-right: 20px!important;
    }
}

    Thanks

    ThemeNectar Support Team