Sticky Navbar Issue on Debut Theme

JhonSantiago28
Excursionist
14 0 3

Hi everyone! I am having an issue with my navbar. Recently, I have injected a code to make it sticky to the top but unfortunately, this happened.

JhonSantiago28_0-1625617787899.png

I have used this website as a reference for the sticky navbar. 

https://ecomexperts.io/blogs/liquid-tutorial-shopify/free-diy-code-trick-for-a-sticky-menu-on-shopif...

I hope you could help me fix this issue. 

0 Likes
HardikDavra
Shopify Partner
2327 367 999

Hello, @JhonSantiago28 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
JhonSantiago28
Excursionist
14 0 3

Hi @HardikDavra ! Thank you for your reply. Here's the website URL and Password

URL: https://ps-officiel.myshopify.com/

Password: rteick

HardikDavra
Shopify Partner
2327 367 999

@JhonSantiago28  Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.css and paste this code at the end of this file.

#shopify-section-header .site-nav {
background-color: #fffbf4;
margin: 25px 0px
padding: 0px;
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
JhonSantiago28
Excursionist
14 0 3

Hi @HardikDavra . Upon applying it. It is still not working. It works like this. 

JhonSantiago28_0-1625642657581.png

 

0 Likes
LitExtension
Shopify Partner
1210 155 216

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Asset > theme.css and paste this at the bottom of the file:
#shopify-section-header{
background-color: #fffbf4;
}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes