Submenu items overlapping

metalcat

I'm having a problem with the menu. Some of the submenu items extend beyond the respective toolbar. How can I fix this?

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

metalcat

Hi,

this is the website: http://test01042025.de/

I am encountering an issue with the menu on our site. Specifically, the text in the submenu items tends to overlap or extend beyond the boundaries of the designated menu field when the subitem labels are longer than usual.

This affects the readability and overall user experience. Could you please take a look and advise on how this can be resolved? Ideally, the menu should dynamically adjust or wrap the text to avoid such overflow and maintain a clean layout.

Thank you in advance for your assistance.

Phil

Try the following CSS code:

#Top_bar .menu li ul li{
 width: 300px!important;
}
#Top_bar .menu li ul li ul{
 left: 300px!important;
}

Please put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

metalcat

Works Perfect! Thank You!