Home › Forums › WoodMart support forum › Gap in the top page only on single product

Gap in the top page only on single product

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2025 at 1:21 pm #656579

    Memoire Agency
    Participant

    Hello, we have a problem where only in the single product page there is a large gap in the top page. The gap is from padding from default styles but it only exists in the single product page. Also when the user scrolls then the page gets smaller.

    If you need admin credentials let me know.

    April 25, 2025 at 3:15 pm #656620

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    To resolve this issue, please go to the single product layout and adjust the top container’s margin and padding settings. You can customize these values to remove the unwanted gap at the top. If you have any questions, feel free to contact us.

    Best Regards,

    April 25, 2025 at 5:08 pm #656674

    Memoire Agency
    Participant

    1) the padding is not from the first container, is it added by woodmart on the page wrapper and header.
    2) i though of having a negative margin for the first container but as I said on my first question the padding changes when the user starts scrolling, so if you initially load the page and do not scroll and then you scroll down and back up the distance is different, we actually have notice this on many installations with the woodmart theme. In the end the negative margin does not work for this reason.

    April 26, 2025 at 8:43 am #656767

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .single-product .wd-content-layout {
    padding-block: 0px 20px !important; 
}

    Best Regards

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