Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 15, 2021 at 10:23 am #1310227
    Woudenberg

    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

    July 16, 2021 at 9:47 am #1310362
    Rikard

    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

    July 16, 2021 at 3:20 pm #1310408
    Woudenberg

    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?

    July 18, 2021 at 4:26 am #1310555
    Rikard

    Hi,

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

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

    Best regards,
    Rikard

    July 19, 2021 at 9:50 am #1310697
    Woudenberg

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

    July 20, 2021 at 4:56 am #1310807
    Rikard

    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

    August 19, 2021 at 12:55 pm #1317484
    Woudenberg

    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.

    August 24, 2021 at 5:32 pm #1318156
    Yigit

    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

    August 26, 2021 at 4:36 pm #1318488
    Woudenberg

    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

    August 26, 2021 at 4:47 pm #1318492
    Yigit

    Hi Hans,

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

    Best regards,
    Yigit

    August 26, 2021 at 8:20 pm #1318506
    Woudenberg

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

    Best regards,
    Hans

    August 27, 2021 at 2:50 pm #1318657
    Yigit

    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

  • Author
    Posts
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.