Home › Forums › WoodMart support forum › Dropdown elements overlapping header in WoodMart theme

Dropdown elements overlapping header in WoodMart theme

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 5, 2025 at 4:00 pm #635660

    zoloto14k
    Participant

    Hello!

    I am experiencing an issue with the WoodMart theme by XTemos. When I add dropdown elements, such as a submenu or an HTML block, they overlap the header (including the logo). This happens when the page is at the top before scrolling. However, once I scroll down a bit, the dropdown elements position themselves correctly below the header.

    Expected Behavior:
    Dropdown elements should be positioned correctly from the start, without requiring any scrolling.

    I am attaching a screenshot that demonstrates the issue.
    Any help would be greatly appreciated!

    • This topic was modified 2 months, 2 weeks ago by zoloto14k.
    February 5, 2025 at 4:11 pm #635664

    zoloto14k
    Participant

    Video demonstrating the issue: https://imgur.com/a/qOv9wAc

    February 6, 2025 at 10:42 am #635832

    Luke Nielsen
    Keymaster

    Hello,

    Paste the code below in Theme Settings -> Custom CSS -> Desktop CSS area.

    .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
    margin-top: 55px;
}

.whb-general-header .wd-dropdown:not(.sub-sub-menu):after {
    height: 65px;
}

    Clear the cache and check how it works.

    Kind Regards

    February 6, 2025 at 12:34 pm #635870

    zoloto14k
    Participant

    Дякую велике. Це допомогло.

    February 6, 2025 at 12:37 pm #635873

    Luke Nielsen
    Keymaster

    Hello,

    You are welcome! Always remember that you can reach out to us with any questions you may have.

    Have a good day!

    Kind Regards

  • Author
    Posts

Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Dropdown elements overlapping header in WoodMart theme’ is closed to new replies.