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

fougia
Tourist
4 0 1

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
Explorer
103 29 35

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

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes
fougia
Tourist
4 0 1

https://nakt-studio.com/

this is the url

0 Likes
prinpadure
Explorer
103 29 35

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;
}

 

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
fougia
Tourist
4 0 1

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 

0 Likes
prinpadure
Explorer
103 29 35

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

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes
fougia
Tourist
4 0 1

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

0 Likes
prinpadure
Explorer
103 29 35

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

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes