Dawn theme - product page overlapping with header

Hello, my product pages are overlapping with the header and it looks pretty bad. Any way to fix this? Thanks!

1 Like

Hi @SoulSeeker ,

Please share your store URL and Store’s password to view your website.

So that I will check and let you know the exact solution here.

Best regards.

@SoulSeeker

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi @SoulSeeker ,

Please send your site and if your site is password protected, please send me the password. I will check it.

https://soulseekers.ca/products/walking-meditation-hoodie

1 Like

soulseekers.ca

www.soulseekers.ca

Hi @SoulSeeker ,

you can try follow the instruction below:

  1. Go to Online Store β†’ Theme β†’ Edit code.

  2. Layout β†’ /theme.liquid. Paste code below into tag.

{{ template.name }}

  1. Asset β†’ /base.css paste code below into end of the file.

Example:

.gradient.product .header-wrapper {
    position: relative;
}

@SoulSeeker

if possible to share theme.liquid

Hi @SoulSeeker ,

Please go to layout > theme.liquid file and add code here:

Code:

{%- unless request.page_type == 'index' -%}
      .header-wrapper {
    	position: relative !important;
      }
{%- endunless -%}

It will help you fix all subpages.

Hope it helps!