Space beneath header - remove

[ellacoker]

Hello, is someone able to help me remove this weird space beneath the header only in mobile version? Desktop version seems to be looking fine.

Thanks a lot.

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
html .cart-notification-wrapper.page-width {
    padding: 0 1rem;
}
}

[ellacoker]

Thank you so much Dan. That worked Perfectly.

[ellacoker]

Hi Dan, I now have the same white space under my desktop header but tried the code again but with “min width” and its not working. Any idea what I’m doing wrong? Mobile is still fine.

Thanks a lot.

[Dan-From-Ryviu]

Please use this code instead

@media (min-width: 750px) {
    html .cart-notification-wrapper.page-width {
        padding: 0 2rem !important;
    }
}