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

vseazon
Shopify Partner
46 0 10

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

 

Capture d'écran 2024-04-03 151930.png

Replies 5 (5)

Moeed
Shopify Partner
3901 987 1235

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 </body> tag.

<style>
header.header.header--middle-center.header--mobile-center.page-width.header--has-menu {
    padding-top: 30px !important;
}
</style>

RESULT:

Moeed_0-1712132785801.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

MiracleWebsoft
Shopify Partner
35 4 7

 

 

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 </body> tag.

 

<style>
.shopify-section-header-sticky {
    top: 35px;
}
</style>

- Your Coffee Tip can create magic in coding


- Seeking a Shopify Certified Developer? Contact us Shopify Verified partners



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

vseazon
Shopify Partner
46 0 10

it's not working bro 

vseazon
Shopify Partner
46 0 10

I want the header only appear when scroll up 

MiracleWebsoft
Shopify Partner
35 4 7
.announcement-bar-section {
    position: relative;
}

Remove the previous style and add this one.

 

- Your Coffee Tip can create magic in coding


- Seeking a Shopify Certified Developer? Contact us Shopify Verified partners



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