Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1310227

    Hey,
    On my website http://www.forestmountain.nl I use submenus under the main menu. In this example, the Foto’s submenu under the Fotografie menu.
    I am unable to make the Foto’s submenu button smaller, have the same font size and colour as the main menu.
    I would also like to remove the line below the submenu text. This line becomes visible when you hover the mouse over the text Foto’s.
    Hopefully you can help me further.
    Hans

    (sub)menu buttons

    #1310362

    Hi Hans,

    Please check under Appearance->Menus and make sure that you have not selected for the menu item in question to be a mega menu.

    About the line on hover; do you want to remove that for all menu items, or only sub menu items?

    Best regards,
    Rikard

    #1310408

    Hi Rikard,
    Thanks for the quick response. It turned out to have something to do with ‘mega menu’ as you mentioned. The underline on hover is now also gone.

    I’m just looking for the option to make the button of a submenu smaller. The buttons of a submenu are now about 2x as wide as a button of the main menu.
    Can you tell me how to set the width of a submenu button?

    #1310555

    Hi,

    Thanks for the update. Please try this in Quick CSS:

    .av-main-nav ul {
        width: 90px;
    }

    Best regards,
    Rikard

    #1310697

    Thanks Rikard,
    That was the solution, how simple can be ;-)

    #1310807

    Hi,

    Great, I’m glad that you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1317484

    Hi Rikard,
    Is it also possible that I can set per submenu how wide the button should be? Or is there an option that the width of the submenu is automatically adjusted to the menu above the submenu? The aforementioned 90 px is wide enough for one submenu, but too narrow for the other submenu.
    On my website http://www.forestmountain.nl the submenu Foto’s (under menu Fotografie) has the correct width (90px). The Innovv submenu (under Motorrijden menu) is too narrow.

    #1318156

    Hi,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    .av-main-nav #menu-item-142 ul.sub-menu {
        width: 99px;
    }
    

    Best regards,
    Yigit

    #1318488

    Hi Ygit,
    Thanks for your reply. I’m assuming menu item-142 is the id-number of submenu Foto’s.
    I’m looking for this number in WordPress-admin, but I can’t find it.
    Where can I find these numbers of the (sub)menus?
    I can then adjust the width with new submenus by myself.

    Best regards,
    Hans

    #1318492

    Hi Hans,

    Yes, that is true. You can inspect elements to find menu ID’s – https://imgur.com/a/86Yezjt

    Best regards,
    Yigit

    #1318506

    Yigit,
    Thanks for the info.
    I have now found how to find the numbers of the menus.

    Best regards,
    Hans

    #1318657

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Submenu same font size, format and color as main menu’ is closed to new replies.