How to change header size on mobile?

[skaci]

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!!

[oscprofessional]

Hello skaci,

Please share your site url.

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

[skaci]

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!

[oscprofessional · 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

[EGON233E4]

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