Increase Logo size without overlapping header announcement - Debutify Theme

Solved
Gorillable
New Member
3 0 0

Hey all, would really appreciate some help! 

Using the Debutify theme (nothing custom), I'd edited the header.liquid and increased the max logo height to something bigger (200px). However now it actually overlaps the announcement bar and other pages navigations are very tight.

Is there a way to resolve this? The example below should demonstrate what I'm talking about. Any help would be fantastic!

 

image.png

 

 

0 Likes

Hello.....
Please share your store URL .
So that I will check and let you know the exact solution here.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Gorillable
New Member
3 0 0

Hey, thank you. The URL is gorillable

0 Likes

This is an accepted solution.

div#shopify-section-header {
    padding: 27px 0;
}
.box {
    padding-top: 20px;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Gorillable
New Member
3 0 0

That is brilliant, works beautifully. Thank you so much.

0 Likes
Nadine_au
New Member
2 0 0

I had the same issue and tried this code, it works perfectly on desktop, but on mobile the sticky header breaks.

0 Likes