I’m using a theme called Costica and the sticky header option is not sticky all the time, it disappears when scrolled down and reappears when scrolled up.
This is the store url: alvrah.myshopify.com
Can you give a CSS code that I can just put in the custom CSS box in the theme editor?
@growsta_co Don’t do things like this, that’s the way it’s designed by someone that knows what they are doing.
This is how merchants ruin their websites, Chesterons fence.
Before trying to wear the UX interaction designer hat think it through:
WHY something is the way that it is
While reading a site do you like it when 10% to a 3rd of the entire screen is permanently blocked by some annoying UI.
Even if it’s 5% now at some point some other doodad, or menus will be added making the problem worse but you’ll be so used to it you don’t see the problem.
Full sticky is an anti-pattern because it’s a user annoyance.
Never go full sticky 
.
Thanks for the helpful advice. I seriously appreciate the insight. I just want to try both versions, that’s all. Can you tell me how do I make it completely sticky?
Hi @growsta_co unfortunately it will not possible with just simple adding css in theme editor it will require some js tweaks to work.
Can you tell me what tweaks I need to do with JS?
Hi Alvrah Store! I’m having the same issue. Would you mind sharing how you were able to resolve this? Thanks!