Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an accepted solution.
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.
This is an accepted solution.
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.
Works perfectly, thank you!
Hi!
I pasted the code, but instead of the image sticking, the text is sticking to the top. How can I get the other side to stick? (the image side)
Thank you!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025