Dropdown menu out of screen

  • tobiasoptin

    (@tobiasoptin)


    1 year ago

    I have a problem with responsiveness on my website. On my landing page are menus on the navbar which open a dropdown when I hover over them. The problem is that when I make the window smaller or Computers with smaller screens do that, the dropdown text is out of screen.

    I looked a lot on the web for CSS to fix it but nothing changes.

    How do I fix that.

    Thx in advance

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    If the dropdown menu extends beyond the screen, you can solve this by custom CSS of a maximum height and enabling vertical scrolling. This will allow users to scroll through the menu items without the dropdown extending beyond the screen. Here’s a screenshot for reference.

    Additionally, if you have a large number of menu items, you may want to consider using a MegaMenu for better organization and navigation.

    Regards

    Thread Starter tobiasoptin

    (@tobiasoptin)

    Thank you for your answer but the problem is not that it goes down out of the window but left out of the window. The menu “accueil” is the problem when the browser window gets smaller.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dropdown menu out of screen’ is closed to new replies.