Sub menu display issue

Hi,

1. When I set the site width to 1500px and the style rounding to 12px, the Shop sub menu right bottom corner is not 12px rounding.
2. When I change the site dimensions, for example, 1280px X 800px, the Shop sub menu range is not responsive, both sides exceed the width of the Header, and the upper and lower corners on the right are not 12px rounded.

How can I solve this?

Attachments:

You must be logged in to view attached files.

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,

[Author]

Posts