Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 23, 2021 at 1:02 pm #1330106
    FamalcoGroup

    To whom it may concern,

    I have a menu item with 11 sub menu items, but when viewed on laptop, not all sub menus are being displayed and I am not able to scroll to see the rest of the sub menus.

    Can you kindly help me ?

    Regards

    November 23, 2021 at 1:07 pm #1330113
    Yigit

    Hey,

    Thanks for contacting us!

    It seems like you are using your parent menu item as mega menu. Please go to Appearance > Menus and uncheck it and that should decrease the space between submenu items and therefore fix the issue you are having :)

    Regards,
    Yigit

    November 23, 2021 at 1:41 pm #1330122
    FamalcoGroup

    I did uncheck the mega menu, but when viewed on laptop I still cant scroll all sub menu items :/

    See below https://imgur.com/CktPAca

    It stops till Investment Partners

    November 23, 2021 at 1:45 pm #1330124
    Yigit

    Hi,

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

    @media only screen and (max-width: 1240px) { 
#top .av-main-nav ul a {
    padding: 25px 25px;
}}

    Best regards,
    Yigit

    November 23, 2021 at 1:54 pm #1330126
    FamalcoGroup

    This didnt work either
    @media only screen and (max-width: 1240px)
    {
    #top .av-main-nav ul a
    {
    padding: 25px 25px;
    }
    }

    I changed to the below since my screen is 1366

    @media only screen and (max-width: 1366px)
    {
    #top .av-main-nav ul a
    {
    padding: 25px 25px;
    }
    }

    but now sub menu item are being displayed on each other

    November 24, 2021 at 5:43 am #1330250
    Ismael

    Hi,

    Thank you for the update.

    This css breaks the menu items with long titles and causes them to merge into a single line.

    #top #wrap_all .av-main-nav ul>li>a {
    line-height: 0em !important;
    }

    Adjusting the top and bottom padding as suggested above should decrease the total height of the submenu.

    #top .av-main-nav ul a {
    padding: 20px 20px;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after the modification.

    Best regards,
    Ismael

    November 24, 2021 at 8:28 am #1330259
    FamalcoGroup

    Hi thank you so much it worked :)

    November 24, 2021 at 2:22 pm #1330303
    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

    March 9, 2022 at 8:43 am #1343778
    FamalcoGroup
    This reply has been marked as private.
    March 9, 2022 at 9:44 am #1343784
    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 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sub Menu Issue’ is closed to new replies.