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

Store Design
, , , , ,
1

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
Screenshot 2024-09-16 100832.png790×112 3.71 KB

www.bazzoit.com

Thanks in advance

2

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