Hello,
When I scroll up my header is a little bit under the banner, I would like to see the logo entirerly.
On COMPUTER and on MOBILE please!! 
My website: https://479a7a-a6.myshopify.com/products/capri
Topic summary
A user is experiencing a header display issue where their logo is partially hidden beneath a banner when scrolling. They need the logo to be fully visible on both desktop and mobile devices.
Proposed Solutions:
- Multiple users suggested adding CSS code to the theme.liquid file (above the
</body>tag) to adjust header positioning - One solution involved changing the announcement bar section to
position: relative
Current Status:
- The initial CSS solution did not work for the user
- The user clarified they want the header to appear only when scrolling up
- A revised CSS approach was offered to remove previous styling and apply new positioning rules
- The issue remains unresolved as the conversation appears ongoing
Hey @vseazon
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Follow these Steps:
- Go to the Online Store, Published theme
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
it’s not working bro
I want the header only appear when scroll up
.announcement-bar-section {
position: relative;
}
Remove the previous style and add this one.