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
296 2 51

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
4083 801 1154

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

Reply 1 (1)

Guleria
Shopify Partner
4083 801 1154

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder