Good day!
I don’t know why but my header is always showing over the top of any theme section that i put below it. (stick is not activated)
As you can see in theme personalization the header is over the slideshow section.
@PilaTech
Hello,
can You Please Share Your Store URL I Will Check and Provide Proper Solution
Hi @PilaTech
- Because the Header have css like:
position: fixed;
or
position: sticky;
so will always show at the top
- Want the header to not always show on top
- Go to themes => Edit code
- Find the file base.css in the folder Assets and add the following code at the end of the file:
.header-wrapper {
position: relative !important;
}
If It still doesn’t work, you can send us your link store to check more accurately.
didnt work
Hi @PilaTech
Go to themes => Edit code
Find the base.css file in the Assets folder and add the following code at the end of the file:
#header{
position: relative !important;
}
- result:
Hope this suggestion can help you.
1 Like
thanks for the answer but it still doesn’t work, on ultra wide monitors it continues behind the header.
One thing I noticed too was that activating the stick header doesn’t work either
Hi @PilaTech
Go to themes => Edit code
Find the base.css file in the Assets folder and add the following code at the end of the file:
.swiper-container .swiper-slide img {
object-fit: contain !important;
}
- Result:
If this suggestion can help you, please mark as a solution. Thank you!
I am having this same problem. My store url is: