Hi I am trying to fix an issue with the sticky header on my mobile site. The header looks very nice on the desktop version as it is sticky, but takes up way too much space on mobile.
I would like to make the header fixed on JUST the mobile version. If it isn’t too complicated I would love to make the header able to swipe away/up, so it is out of the customers way of viewing products. If this is too complicated making it fixed would do just the trick.
The website url is https://ssbc-usa.com/
Can someone please help solve this issue
Deaktop
mobile 1
mobile 2
Hi @Adrian_Zannin that is a problem.
This is why more sane behavior now in some themes is to have the sticky behavior only when scrolling UP.
Hi I am trying to fix an issue with the sticky header on my mobile site. ..takes up way too much space on mobile.> > I would like to make the header fixed on JUST the mobile version. if this is too complicated making it fixed would do just the trick.
Do you mean static and non-sticky? Otherwise “fixed” implies no animation or sticky behavior but pinned & unmovable to the viewport at all times.
For things like this you should first double check related theme settings.
Then contact the themes developer to see if this is an upgrade available for the theme.
Otherwise it’s an advanced customization, if you need that contact me at paull.newton+shopifyforums@gmail.com please provide context: shop url, theme name, project detail.
1 Like
Hi Paul,
Thank you so much for your response! Yes sorry, I mean not sticky.
Do you mean changing the theme? I would really like to fix this issue within the theme that we currently are using.
I will try to play around with it more, but I do not think this is an option. I think I need to add some code so that the layout is different between devices.
Thanks again
