sticky bar

Solved
DanishIqbal
Tourist
8 0 2

Anyone, please Like to help me to set the sticky bat position above the navigation bar instead of below the navigation bar? checkout the picture below.

also if I want to hide or remove how I can do it? store url https://sanasets.com/

sticky.JPG

 

0 Likes
g33kgirl
Shopify Partner
277 76 91

This is an accepted solution.

@DanishIqbal You can add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.scss.css

 

 

.template-index .header-wrapper {
    display: flex;
    flex-direction: column;
}

.site-header {
    order: 2;
}

 

 

 

There should be an option in the Customize panel to show/hide it but if you want to do it via code, you can add this code:

 

.template-index .header-wrapper > div {
    display: none;
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes