Shop & product page missing margin-top

[Mo]

Hello,

I’m facing a bug on the Shop and single product page on the desktop. There is no space between Header and page content, so the top content of the page is not visible.
Tried til yet: increasing the margin-top on the product single page (CSS) = doesn’t help.

Now I created a separate Store page for testing until the bug is solved.

I’m using SKT Trekking Pro – climbing WordPress theme.

I hope you can help with this.

Best regards,
Munzir

[Sonal S Sinha]

Hi,

Kindly show us your website URL and screenshots of your issues.

Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Dave

[Mo]

Hi,

here is the url to the shop page: https://autark-natur.com/shop/

The screenshots are uploaded to:
https://ibb.co/LJ9nHVR
https://ibb.co/Z8D7PMD

Thanks,
Munzir

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.woocommerce-shop .header.type1, .woocommerce-shop .mywrap { position: relative !important;}
.woocommerce-notices-wrapper, .woocommerce div.product { padding-top: 50px;}

Regards,
Dave

[Mo]

Hi Dave,

thanks for your response.

The code snippet works for the Shop page, but not for single product page (see screenshots).
Also, there still no padding, plus I’m facing the same bug with Elementor when I’m trying to add new page.

https://ibb.co/rvKX5Tz
https://ibb.co/FYPzVK3
https://ibb.co/mby1bJb

Best regards,
Munzir

[Sonal S Sinha]

Hi,

Kindly use this CSS code to fix single product page issue.

.single-product .mywrap, .single-product .header.type1 {
  position: relative !important;
}

Regards,
Dave

[Author]

Posts