Okay
  Public Ticket #1085310
Menu issues
Closed

Comments

  • Andrew started the conversation
    March 5, 2017 at 8:43am

    I have 2 issues both on the mobile version. 

    First, when you look at my menu items, they are all pressed together. I'd like more spacing between each menu item so it's easier to read. 

    Second, the menu bar is set to hover as I scroll down but it doesn't hover at the top of the page. It hovers a little further down from the top. 

    What kind of code can I use to fix these 2 issues?

  •  8,999
    Tahir replied
    March 6, 2017 at 4:53pm

    Hey Again,

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

    #slide-out-widget-area .menuwrapper li {
    margin-bottom: 10px !important;
}

    2: Not sure what you are referring to here . I can hover over the menu perfectly in Desktop on different screen sizes . Could you elaborate and provide a screenshot . 

    Thanks 

    ThemeNectar Support Team 

  • Andrew replied
    March 6, 2017 at 6:45pm

    Hi,

    1. I added the CSS and it's still not working. 

    2. I've attached a screen shot. I shouldn't have said hover. I meant to say the sticky menu isn't at the very top as you begin to scroll as you'll see in the picture.

  •  8,999
    Tahir replied
    March 7, 2017 at 4:39pm

    Hey Again,

    The Secondary Header does not have a Mobile Sticky Option therefore its leaving a gap . Use this quickfix for now .

    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) {
    #header-secondary-outer {
        position: fixed !important;
    }
}

    Thanks


    ThemeNectar Support Team