How to change header size on mobile?

Solved
skaci
New Member
4 0 0

Any help would be appreciated! I'm using Simple theme and my header on mobile is way too big. The bigger I make the logo the bigger the space around it is, and the logo is just floating in the middle of this big space. This happens even if i make the logo larger and upload it again. I'd like to know how to reduce the height of the header on mobile. Thanks!!

0 Likes

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
skaci
New Member
4 0 0
s-k-candle-co.myshopify.com

Password is vaucaw

Also I found a solution online for making it smaller on desktop by editing some code, but it didn't change it for mobile

Thanks!
0 Likes

This is an accepted solution.

@skaci,

Go to Online Store->Theme->Edit code->Asset->theme.scss.liquid->paste bellow code in bottom of file

 

@media only screen and (max-width: 749px) {
#HeaderLogoWrapper {
    margin: 0 auto!important;
}
}

Also your logo contains white space from top and bottom.Please crop your logo and add new one

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
EGON233E4
New Member
2 0 1

Hello i cant make my logo on my phone page bigger and am using narrative  help would be appreciated 

0 Likes