How do I fix a logo overlap on a Zest theme sticky header?

Commercehunt
Visitor
3 0 0

Hello,

 

I can't figure out how to fix the overlap of the logo on the sticky header. I'm using Zest theme.

Thank you

 

overlap.png

 

Replies 5 (5)

JasmeetVT14313
Shopify Partner
204 48 57

Hi @Commercehunt 
Please share your store URL so that I can provide you with the exact code

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
Commercehunt
Visitor
3 0 0
JasmeetVT14313
Shopify Partner
204 48 57

Hi @Commercehunt 

Try adding below code to end of "site-nav.css"

.f-mobile-nav__inner {
    padding-top: 2rem;
}
.f-mobile-nav .site-logo {
    height: 10rem;
}
.site-logo--image.site-logo--mobile.hidden.md-down\:block img {
    max-height: 9rem;
    width: auto;
}


 Please hit Like and mark it as solution if this helps 

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

PageFly-Henry
Shopify Partner
1090 312 265

Hi @Commercehunt 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1713193876011.png

 

 

<style>

.f-mobile-nav__inner {

    margin-top: 40px !important;

}

</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Commercehunt
Visitor
3 0 0

Thank you for your help but it looks like my code doesn't match the above code , my store: https://aurorastones.com/  Thank you