Pro header and woocomerce product page

Support
#1

Hello

I’ having a problem with the sticky header on mobile version, I’ve managed to set blank space between all the pages and the header, but in the product page I cannot do it, I just don’t know how.

Here’s my screenshots of mobile:

It looks like this:

(the red circle indicates the overlap of the header on the product image)

And it’s supposed to look like this:

Is there a way to fix this?

Help would be very appreciated

Thank you!!!

#2

Hi there,

Please try this code in the customizer:

@media (max-width: 979px) {
    .single-product .x-main.full {
        padding-top: 7em;
    }
}

Hope this helps.

#3

Awesome!

Thank you!

#4

Glad that we could be of a help.