Moving Header Up padding issue

Shopify Discussion
, ,
1

Hello everyone my website is thedrakeplushie.com . I need help moving the header up more just on mobile like right below the FREE u.s shipping banner. Thank you!

Screen Shot 2025-07-24 at 7.31.54 PM
Screen Shot 2025-07-24 at 7.31.54 PM648×1342 189 KB

2

Hi @thedrakeplushie,

Please go to Customize > Theme settings > Custom CSS and add code:

@media screen and (max-width: 989px) {
    .header__heading, .header__heading-link {
        max-width: 150px;
        padding-top: 0;
        padding-bottom: 0;
    }
}
3

Hey @thedrakeplushie

There’s a lot of top and bottom white space in your logo, you just need to remove that and re-upload your logo and it will fix the problem by itself.

image
image515×498 32.2 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

6

hey @thedrakeplushie dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

<style>
@media screen and (min-width: 768px) {
 .header__heading-logo { 
     height: auto; 
     max-width: 35%; 
}
}
@media screen and (max-width: 767px) {
 .header__heading-logo { 
     height: auto; 
     max-width: 50%; 
}
}
</style>