How to fix a navigation bar for scrolling on the Expanse theme?

Solved

How to fix a navigation bar for scrolling on the Expanse theme?

Allthingsbaby
Excursionist
30 1 5

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/

Accepted Solution (1)
Sajeel
Shopify Partner
272 31 26

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;}
}

 

View solution in original post

Replies 8 (8)

Sajeel
Shopify Partner
272 31 26

@Allthingsbaby  its also working fine on scrolling on desktop the issue is just it become a hamburger on scrolling .

Sajeel_0-1647514980310.png

 

Allthingsbaby
Excursionist
30 1 5

How to solve this issue.?

Sajeel
Shopify Partner
272 31 26

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
Excursionist
30 1 5

Didn't work

 

Sajeel
Shopify Partner
272 31 26

dont remove code let me check

Sajeel
Shopify Partner
272 31 26

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;}
}

Allthingsbaby
Excursionist
30 1 5

Thank you so much. It worked

Sajeel
Shopify Partner
272 31 26

@Allthingsbaby no problem . also give some likes to my answers .. Thanks