How to hide the bleeding in header when we scroll it shows all the content

Solved

How to hide the bleeding in header when we scroll it shows all the content

Sivadarshan
Shopify Partner
53 0 6

Hi, I recently got an issue in header that there is some small bleeding where all the contents are visible when scrolling the website. I want to hide it.

I'll attach the image and website link for your reference. 

 

Screenshot 2024-09-16 100832.png

 

www.bazzoit.com

 

 

Thanks in advance

Accepted Solution (1)

Guleria
Shopify Partner
3403 679 963

This is an accepted solution.

Hello @Sivadarshan ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

sticky-header {
    margin-top: -1px !important;
}

 

Thanks

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: [email protected]
- Try GEMPAGES a great page builder

View solution in original post

Reply 1 (1)

Guleria
Shopify Partner
3403 679 963

This is an accepted solution.

Hello @Sivadarshan ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

sticky-header {
    margin-top: -1px !important;
}

 

Thanks

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: [email protected]
- Try GEMPAGES a great page builder