i want to make my mobile view header skicky on my desktop view it header is sticky but not not on mobile view
this my store link
https://dandsmart.myshopify.com/
Topic summary
A user wants to make their mobile header sticky, noting it works on desktop but not mobile devices. They provided their Shopify store link and screenshots showing the issue.
Proposed Solutions:
- First suggestion: Add CSS code to the theme.liquid file (above the
</body>tag) to enable sticky positioning - Issue encountered: The initial solution worked but caused visual problems with the header appearance
- Alternative approach: Use CSS with
position: sticky,top: 0,z-index: 1, andmargin-block-end: 10pxproperties
Current Status:
The discussion remains open. While the first fix achieved sticky behavior, it created styling issues. The second CSS solution has been proposed but not yet tested or confirmed as working.
hy, @DandSmart
Go to Online Store
2) Edit Code
3) Find theme.liquid file
- Add the following code in the bottom of the file above tag.
