Shopify themes, liquid, logos, and UX
Hello,
I am working on the Expanse theme and want to have the navigation bar fixed during scrolling down from the PC monitor (from the mobile is working fine).
Website Link: https://allthingsbaby.com/
Solved! Go to the solution
This is an accepted solution.
@Allthingsbaby add this code in assets -> theme.css
@media only screen and (min-width: 769px){
.header-wrapper--compressed .site-header__element--sub{display:block !important;}
.mobile-nav-trigger{display:none !important;}
}
@Allthingsbaby its also working fine on scrolling on desktop the issue is just it become a hamburger on scrolling .
How to solve this issue.?
This is an accepted solution.
@Allthingsbaby add this code in assets -> theme.css
@media only screen and (min-width: 769px){
.header-wrapper--compressed .site-header__element--sub{display:block !important;}
.mobile-nav-trigger{display:none !important;}
}
Didn't work
dont remove code let me check
add this
@media only screen and (min-width: 769px){
.header-wrapper--compressed .site-header__element--sub{display:block !important;transform: none;}
.site-nav__compress-menu{display:none !important;}
}
Thank you so much. It worked
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn 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, 2025