Home › Forums › WoodMart support forum › Menu overlap

Menu overlap

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 30, 2026 at 4:40 pm #717312

    Pernilla
    Participant

    Hi!
    I have a menu that I want to overlap over the content but not on mobile. I can not find any setting that overrides that setting for mobile. How can I make it?
    Thanks

    May 1, 2026 at 10:28 am #717343

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You can keep the menu overlapping on desktop but disable the overlap on mobile using a small CSS override that only targets mobile only.

    Please use the below custom CSS code and paste it to Theme Settings > Custom CSS > Mobile CSS section:

    /* Remove wd-header-overlap class effect on mobile only */
@media (max-width: 1024px) {
    .wd-header-overlap:where(:not(.single-product)) .wd-content-layout:first-child {
        padding-top: var(--wd-header-sm-h, 70px) !important;
    }
}

    Best Regards

    May 1, 2026 at 3:45 pm #717368

    Pernilla
    Participant

    Perfect, thank you very much!

    May 2, 2026 at 8:45 am #717401

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

    Thanks for contacting us.

    Have a great day.

    Topic Closed.
    Best Regards.

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

The topic ‘Menu overlap’ is closed to new replies.