Need help With Home Page Header!

[itsfrizzy]

I need some help with my website, the header on the Main Page got messy and the logo doesn't sit right with the icons and it's not aligned anymore, luckily the header on the Product Page remained intact so I want to see if i can copy it and paste it on the Main Page so they look identical again. I got to fix it on the desktop version by scaling the logo but it doesn't work on mobile, is there anything i can do to fix it?

Website: www.storeolympia.com (View on mobile)

I'd like to make the Main Page Header identical to the Product Page.

[shreyhweb · Accepted solution]

Hello, @itsfrizzy 

Please add the below code above </body> in theme.liquid

Online store >> edit code >> theme.liquid

@media (max-width: 767px){
.drawer-menu h1 {
    padding-top: 0px !important;
}
}

after added the given code look,

If our solution is helpful for you then please like and accepted solution.

You can contact us if you have any doubt about shopify store.

Thankyou 🙂

[itsfrizzy]

Yes it worked, thank you so much for the help

[PageFly-Richard]

Hi @itsfrizzy 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

@media (max-width: 767px){
 .drawer-menu h1 {
    padding-top: 0px !important;
 }
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly