Sub menu display issue

Hello,

01. The issue is caused by the image container in the HTML Block. To fix it, go to HTML Blocks > Edit the HTML Block > Edit the Container, and adjust the right margin accordingly.

See Screenshot for clarification: https://ibb.co/WvHyJhkD

02. For the sub-menu width, Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. change the value as per your requirements.

@media (max-width: 1280px) {
    .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp {
        position: absolute !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center;
    }

Best Regards,

Hello,

I have tested the CSS on a 1280px screen size, and it works as expected. You can use the following CSS to ensure that the drop-down menu stays within the header boundaries and aligns properly at different resolutions:

@media (max-width: 1280px) {
    .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp {
        position: absolute !important;
        width: 95% !important;
        left: 30px !important;
        right: 0px !important;
        text-align: center;
    }

For other screen sizes, you can adjust the width and positioning as needed. Let me know if you need further modifications!

Best Regards,

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,