Product image stuck at top of page, won't get below header (broadcast theme)

Hello,

My website is https://taketwojewelry.com/

for some reason product image at product pages is all the way at the top instead of below header. This is happening on both desktop and mobile.

Can someone please assist?

Thank you in advance.

1 Like

Hi @TimTakeTwo , go to theme.css and add the following code :

@media (max-width:749px){

.product__images--mobile-thumbs .product__slides {
   
    margin-top: 5rem !important;
}

}

Result:

1 Like

hello,

any solution for desktop?

1 Like

@TimTakeTwo , Add the following code :

.product__images--mobile-thumbs .product__slides {
    margin-top: 7rem !important;
}
1 Like

Thank you!!!

1 Like

Hello, sorry this seems to work and help make the desktop picture go down but seems to make the mobile picture go down even more compared to 5rem which was perfect. Could you please help?

1 Like

@TimTakeTwo , change this code :

.product__images--mobile-thumbs .product__slides {
    margin-top: 7rem !important;
}

to this :

@media (min-width:990px){
  .product__images--mobile-thumbs .product__slides {
    margin-top: 7rem !important;
}

}
1 Like

Thank you so much!

1 Like