Re: sticky navigation menu on empire theme all the way down

sticky navigation menu on empire theme all the way down

Wellanie
Shopify Partner
75 0 21

Hi,

 

I'm trying to figure out how to keep the main menu sticking all the way down. If you will check my website, it is only keeping the main menu halfway.

 

Here's the website's link.

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
10033 1999 2043

Hi @Wellanie you can do that by adding this CSS code at the bottom of your theme.css or theme.css.liquid file in Online store > Themes > Edit code > Assets 

@media only screen and (min-width: 1024px) {
.site-header-sticky--scrolled .site-navigation-wrapper {
display: block !important;
margin-top: 0px !important;
}
}

 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Wellanie
Shopify Partner
75 0 21

your answer was really helpful,

 

although there is another problem. the menu was kept when scrolled down, but when you try to scroll it back all the way up, it disappears. 

bobbyboland
Visitor
1 0 0

Hi Wellanie 

I'm having the same issue with this solution: "the menu was kept when scrolled down, but when you try to scroll it back all the way up, it disappears."

It seems to be fixed on your website. Could you share the solution or some tips on how to fix this? Thank you. 

 

vivi6
Visitor
1 0 0

I also used this solution and had the same issue. Trying things out, I put "1px" in the place of "0px" and it seems to have fixed it. I'm not 100% sure what that did exactly, but it keeps the menu from disappearing.