Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • May 31, 2020 at 3:42 pm #1218190
    kw

    Hi,

    My drop down menu is long and cannot access the items at the bottom in the desktop mode.

    How to resolve this?

    Thank you.

    June 2, 2020 at 5:19 am #1218618
    Rikard

    Hey kriswilliam,

    Where can we see the problem you are having?

    Best regards,
    Rikard

    June 3, 2020 at 8:28 am #1218951
    kw
    This reply has been marked as private.
    June 3, 2020 at 5:41 pm #1219184
    Jordan Shannon

    Hi,

    We need a link to the actual site so we can inspect and work out the correct css.

    Best regards,
    Jordan Shannon

    June 7, 2020 at 8:31 am #1220152
    kw
    This reply has been marked as private.
    June 7, 2020 at 8:03 pm #1220268
    Victoria

    Hi kriswilliam,

    You might want to rethink and redesign your menu structure, possibly make it flatter, or have the mega menu with columns.

    Best regards,
    Victoria

    June 9, 2020 at 8:11 am #1220743
    kw

    Hi,

    Enfold is a beautiful theme and the same menu is working perfectly well on the mobile version. But not on the desktop version.

    Please kindly rectify this so that it can work on the desktop version too.

    May I check what is the CSS code to make it work on the desktop version?

    June 9, 2020 at 7:18 pm #1220933
    Jordan Shannon

    Hi,

    Essentially you have to remove the padding:

    .sub-menu{
width:300px!important;
}

ul.sub-menu li a{
padding:0px 10px!important;
}

    Best regards,
    Jordan Shannon

    June 10, 2020 at 1:46 pm #1221187
    kw

    Thank You Jordon! You have been very helpful. It is working very well in the desk top version now. :)

    However, in the mobile version, the sub sub menu are now in line with the sub menu. It used to the tiered in the original version with the arrow icon.

    What CSS code can we add to achieve the previous tiered sub sub menu in the mobile version?

    June 10, 2020 at 6:40 pm #1221317
    Jordan Shannon

    Hi,

    Adjust the css I gave you to this:

    @media only screen and (min-width: 1024px)  {
.sub-menu{
width:300px!important;
}

ul.sub-menu li a{
padding:0px 10px!important;
}}

    Best regards,
    Jordan Shannon

    June 10, 2020 at 7:12 pm #1221342
    kw

    Thank You Jordan! You are wonderful! :)

    June 10, 2020 at 7:23 pm #1221348
    Inga

    Hello dear admins,

    After Update I have a problem with the menu above too.
    Recently, my menu bar at the top always stretches out when I just move the mouse over the menu item or click on a category in it. This also affects the Instagram widget in the footer on the right place (column 3), although I’m already using a different one, since the one from Enfold won’t work after the update.

    What can I do?

    Best regards!

    June 10, 2020 at 8:03 pm #1221365
    Inga

    The error often occurs only after a few clicks. Mostly if you clicked on the category black and white in the menu above.

    June 10, 2020 at 8:11 pm #1221369
    Jordan Shannon

    Hey Inga,

    Please begin a new thread for this topic. This is only to ensure that the threads stay to one specific topic. It makes them easier to follow.

    Best regards,
    Jordan Shannon

    June 10, 2020 at 8:12 pm #1221370
    Jordan Shannon

    Hey kriswilliam,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    June 10, 2020 at 8:12 pm #1221371
    Inga

    Hi Jordan,
    thank you. I will do it!
    Best regards,
    Inga

    June 10, 2020 at 8:12 pm #1221372
    Jordan Shannon

    Hi,

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Drop down menu is long’ is closed to new replies.