Hello, how can i make the header go away normally when scrolling down, but when i scroll up it shows up again on Dawn theme?
Hi @YumenBeauty ,
Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?
Hello @YumenBeauty ,
You can set your header show on scroll up for this you should enable it from theme customization.
Follow these steps:
Login Admin > Online Store > Customize > Header > Sticky header > Select On scroll up > Save
Also you can see in this SS.
Hey, but that changes it for both PC and Mobile versions, I wanted it only to be like that for the Mobile one
hey, the url is https://yumenbeauty.com
Hi @YumenBeauty ,
Since you have enabled the Sticky header on scroll up, here are the steps you can follow to make the header not showing up when scrolling up on desktop
Here are the steps you can follow:
1, Navigate to Online Store > Themes > Edit Code.
2, Locate and open the theme.liquid file.
3, Paste the code snippet provided below right before the closing head tag, then save your changes.
/* You can change this break point to your preference */
@media screen and (min-width: 750px) {
.shopify-section.shopify-section-group-header-group.section-header {
position: static;
}
}
Here is the result on the desktop when scrolling up
We hope this assists in resolving the issue.
If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!