Header Sticky hides a part of images in Brooklyn Theme in mobile version

[fougia]

Hi all,

the header sticky hides a part of the images in mobile version, like i have to touch the picture and scroll down to see the whole picture.

I tried everything but i cant fixed it.

I dont want to use code , im not good in coding. 

Please help me

[prinpadure]

Hi @fougia 

Please share your store url so we can see the page where this is happening. This kind of problem can be fixed with 3-5 lines of css code which I can provide here and you will just have to copy it in a file (e.g theme.scss)

Thank you

[fougia]

https://nakt-studio.com/

this is the url

[prinpadure]

I see that you have this problem in the hompage when you have the slideshow right underneath the sticky headbar. Add the following css code at the end of your theme.scss file (which can be found in the Assets folder):

#PageContainer > #shopify-section-slideshow {
  margin-top: 80px;
}

[fougia]

hi thanks a lot for this it worked only for my homepage.

Could you help me do this for every page? for example if you go to the collections it happens to every picture 

[prinpadure]

Add also this:

@_media screen and (max-width: 590px) {
  .wrapper > #shopify-section-product-template  {
    margin-top: 40px;
  }
}

 You can change the margin-top value however you want. Let me know if it works

[fougia]

hey, i added this to the theme.scss but now everything in the header menu gets dissapeared and if i click on the products i cant see them

[prinpadure]

This shouldn't happen. Make sure to add it right at the bottom

If still happens, add the changes to a copy and paste the preview link so i can inspect it