Okay
  Public Ticket #395584
Make menu full width
Closed

Comments

  • Chantelle started the conversation
    March 18, 2015 at 3:58pm

    Hi there. I\'ve edited the CSS of the drop down menu so that it stretches across the whole page rather than down in a list.

    I\'m wondering if there is anyway to make the background of the menu stretch across the whole page? At the moment it stops at the margins that were defined for the mega menu..

    I\'ve attached a before (and hopefully after) shot of what I\'m trying to achieve. Thanks!


  •  8,849
    Tahir replied
    March 18, 2015 at 6:05pm

    Hey,

    For that you will have to use the Full Width Header Option in Salient Theme Options -> Header Section .

    Thanks

    ThemeNectar Support Team 

  • Chantelle replied
    March 22, 2015 at 6:52am

    Thanks for that. I don't really want the header to be full width.. I just want the black area of the drop down menu to reach to either side of the screen. Is there any custom css that might help me do this? Thanks!

  •  8,849
    Tahir replied
    March 23, 2015 at 4:30pm
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    header#top nav > ul > li.megamenu > ul.sub-menu {
    position: fixed;
    margin-top: 28px !important;
}

    Thanks


    ThemeNectar Support Team 

  • Chantelle replied
    April 1, 2015 at 2:40am

    THANK YOU!!