Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 7, 2022 at 2:24 pm #1343488
    FamalcoGroup

    To whom it may concern,

    I have 2 menu items with sub menu items. When I try to change the style of one sub menu item, it changes the other one.

    How can I reduce the width of only the sub menu item for 1 particular menu item

    March 7, 2022 at 3:49 pm #1343509
    Rikard

    Hey FamalcoGroup,

    Did you select to for that to be a Mega Menu under Appearance->Menus?

    Best regards,
    Rikard

    March 8, 2022 at 12:40 pm #1343602
    FamalcoGroup

    Hi Rikard,

    Thanks for your reply.

    No I didn’t use it as a mega menu as the styling completely changes. When I change it to a mega menu, the options instead of being stacked under each other they are displayed next to each other. I just want to leave everything as is and maybe just find a way to reduce the width for that specific sub menu only

    Regards

    March 8, 2022 at 5:44 pm #1343707
    Yigit

    Hi,

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

    
#top #header.av_minimal_header .main_menu ul:first-child > li#menu-item-17625 > ul {
  width: 120px;
}

    Best regards,
    Yigit

    March 9, 2022 at 8:39 am #1343776
    FamalcoGroup

    Than you so much this worked :)

    March 9, 2022 at 9:44 am #1343786
    Rikard

    Hi,

    Great, I’m glad that Yigit could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 9, 2022 at 12:22 pm #1343816
    FamalcoGroup

    Thank you this can be closed :)

    March 9, 2022 at 1:16 pm #1343828
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sub Menu Item Width’ is closed to new replies.