Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 29, 2021 at 5:46 pm #1327037
    keep12

    Hi,

    I would like to know if there is a way to make a long drop-down menu visible on small screens. Currently the menu on my website is quite long and it is not possible to scroll and see the items below. Is there any way to implement a sliding menu or any other solution?

    I’ll leave the URL of my website in private so you can see what I mean.

    Thanks in advance.

    October 31, 2021 at 1:47 am #1327154
    Mike

    Hey keep12,
    Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .menu-item-has-children ul{
   max-height:450px;
   overflow:auto;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 4, 2021 at 12:40 pm #1327778
    keep12

    Hi,

    We have applied the code but it does not work correctly. Inside the menu we have another small dropdown hanging from one of the options and this one does not work properly with the changes applied.
    I have attached some screenshots to show you what I mean.

    Best regards

    November 4, 2021 at 2:10 pm #1327794
    Mike

    Hi,
    Thanks for the feedback, please remove the above code so we can test further and try again.

    Best regards,
    Mike

    November 4, 2021 at 6:08 pm #1327836
    keep12

    Hi,
    Thanks, we have already removed the code.

    November 5, 2021 at 1:47 pm #1327940
    Mike

    Hi,
    Thanks, this is a tricky situation, perhaps your best option would be to use a mega menu instead, have you considered this?

    Best regards,
    Mike

    January 12, 2022 at 8:46 pm #1335318
    keep12

    Hi, i create a new Website just to test the Mega menu before. Now the problem is I can not make the ideal design. The design of the mega menu does not come out as I would like. Ideally, it should look like the demo at https://kriesi.at/themes/enfold/ when you click through the shortcodes page. Can you please tell me how I have to make my mega menu be the same?

    Thanks a lot

    January 13, 2022 at 10:05 am #1335374
    keep12

    Hello, please any idea?

    January 13, 2022 at 1:02 pm #1335394
    Mike

    Hi,
    Thanks for the links to the examples, to create 4 columns in the mega menu like our demo, please folow the steps in our documentation for: Create submenu rows and columns and use the dash (-) to create columns without headings:
    2022-01-13_001.jpg
    here is how the mega menu looks with the 4 columns:
    2022-01-13_002.jpg

    Best regards,
    Mike

    January 13, 2022 at 7:48 pm #1335483
    keep12

    hello, perfect. Now looks good.

    Thanks a lot.

    • This reply was modified 2 years, 4 months ago by keep12.
    January 14, 2022 at 1:33 am #1335494
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Long menu that is not visible on small screens’ is closed to new replies.