Minimal Theme Logo Padding

[iimvclothing]

On my mobile version of my website, iimvclothing.com, I am having this issue as there is too much padding around my logo causing it to be a little annoying.

Can anybody recommend how to remove this padding?

My computer version of my website is fine, its just the mobile version.

[dmwwebartisan]

@iimvclothing 

Please disable dibuger  .

Thanks!

[dmwwebartisan · Accepted solution]

@iimvclothing 

You can try to add the following code at the bottom of your assets/timber.scss.liquid file. 

@media only screen and (max-width: 480px){
.site-header[role="banner"] .wrapper {padding-top: 0px!important;}
.site-header {padding: 20px 0 !important;}
}

Thanks!

[iimvclothing]

 Wow that worked perfectly!! Thanks so much!

The white space below is spot on! The white space above has halved which is perfect but I am wondering if there is any way to remove a little more white space above the logo? So that it is closed to the top of the black banner/menu area

[dmwwebartisan]

@iimvclothing 

Please add code your Assets/timber.scss.liquid bottom of file.

@media only screen and (max-width: 480px){
#shopify-section-header .site-header[role="banner"] .wrapper {
    padding-top: 0px!important;
}
}

[iimvclothing]

Dude you are a genius! I have been reading forums for months on how to do this and you have solved this in less than an hour. Thank you so much!

[dmwwebartisan]

@iimvclothing 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.