How can I adjust my header to fully display the logo?

Shopify Discussion
1

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!! :heart:

My website: https://479a7a-a6.myshopify.com/products/capri

Capture d'écran 2024-04-03 151930.png
Capture d'écran 2024-04-03 151930.png449×257 108 KB

2

Hey @vseazon

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

RESULT:

Moeed_0-1712132785801.png
Moeed_0-1712132785801.png1886×877 255 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Follow these Steps:

  1. Go to the Online Store, Published theme
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.
4

it’s not working bro

5

I want the header only appear when scroll up

6 
.announcement-bar-section {
    position: relative;
}

Remove the previous style and add this one.