Home › Forums › WoodMart support forum › Sub menu display issue

Sub menu display issue

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 28, 2025 at 10:10 am #641596

    sunwack
    Participant

    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.
    February 28, 2025 at 1:18 pm #641730

    Aizaz Imtiaz Awan
    Keymaster

    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,

    February 28, 2025 at 6:29 pm #641859

    sunwack
    Participant

    Hi, Aizaz!

    Thank you for your reply.

    Regarding the second issue, maybe I didn’t express it clearly enough. I want the two sides of the drop-down menu to not exceed the header at different computer resolutions, and both sides should be flush with the header.

    Best Regards,

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)