Solved

Need help With Home Page Header!

itsfrizzy
Tourist
11 0 3

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.

Accepted Solution (1)

shreyhweb
Shopify Partner
627 110 112

This is an 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,

shreyhweb_0-1699209578914.png

 

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 🙂

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

Replies 3 (3)

shreyhweb
Shopify Partner
627 110 112

This is an 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,

shreyhweb_0-1699209578914.png

 

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 🙂

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
itsfrizzy
Tourist
11 0 3

Yes it worked, thank you so much for the help

PageFly-Richard
Shopify Partner
4070 910 1561

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

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.