Re: Product image goes behind sticky menu - Refresh theme
Hello!
Tried to search but didn't find a similar issue. I have a shop on Refresh theme (whiskygrail.com). The sticky menu is activated and the logo is minimized on scrolling. My problem is that on the product page, the image goes behind the sticky menu during the scrolling. How can I fix that the image sticks right under the menu?
Hey @ekonshin,
Ok sorry I understand now 😊. If you want it to remain completely visible during half scroll like below, then follow the instructions after the image
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
@media only screen and (min-width: 750px) {
.product__column-sticky {
top: 20rem !important;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @ekonshin,
Sorry I don't understand. A sticky menu is always infront of everything.
This is how I currently see it. If you scroll down, of course the product details are going to go behind the header.
Hey @ekonshin,
Ok sorry I understand now 😊. If you want it to remain completely visible during half scroll like below, then follow the instructions after the image
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
@media only screen and (min-width: 750px) {
.product__column-sticky {
top: 20rem !important;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024