Okay
  Public Ticket #389375
Megamenu
Closed

Comments

  •  2
    Dietmar started the conversation
    March 10, 2015 at 2:01am

    Hi Tahir.

    1. Do you think there is a chance to create a megamenu with 2 columns instead of minimum 3 columns?

    2. How can I change the width of a megamenu column?

    Tanks in advance.

    Dietmar

  •  8,849
    Tahir replied
    March 10, 2015 at 4:57pm

    Hey,

    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 {
    max-width: 30% !important;
}

    Thanks


    ThemeNectar Support Team 

  •  2
    Dietmar replied
    March 11, 2015 at 12:30am

    Hi Tahir.

    This code works nearly perfect. Thank you.

    1. The actual problem is that the position of the megamenu has changed. It is no longer under its Main menu item (see screenshot).

    2. The font of the sub menu items can be changed with the typography setting of the salient admin panel. But how can I change the font of main items (see screenshot)? For example font-size = 14 and font-style = bold?

    Kind regards

    Dietmar

  •  8,849
    Tahir replied
    March 11, 2015 at 4:19pm

    Hey,

    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 {
    left: auto !important;
    right: 0px !important;
}


header#top nav > ul > li.megamenu > ul > li > a {
    margin-bottom: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Dietmar replied
    March 11, 2015 at 9:03pm

    Thanks a lot for your help.

  • jamesashford replied
    November 14, 2020 at 8:04am

    Hey guys, still struggling with this. It's the width I need to narrow so it's more like this - https://karbonhq.com/

    Every plugin i use to do this is really complicated.

    Tried the code on this page and none of it seems to work. Any ideas?

  • Troels replied
    November 14, 2020 at 3:37pm

    I agree with James - I can't get the line of code to work that Support offered previously in this post.

    I have the same issue and need the mega menu to become much less wide than it currently is.

    Would be good with som updated line of code that could solve this, seeing how the previously supplied code doesn't seem to work for a number of people.

    Thanks.


  •  8,849
    Tahir replied
    November 16, 2020 at 2:54pm

    Hey Guys,
    Please provide the page URL so I may write up the custom CSS for this request. Also depending on the Header configuration one code snippet wont work for all.


    Thanks

    ThemeNectar Support Team 

  • Troels replied
    November 16, 2020 at 8:30pm

    Hi Tahir,

    thanks for responding to this. As for me, the site is not yet live, so I will have to provide you with login details in a private ticket.

    / Troels