Overlapping mobile logo header

[Detailking]

The logo is overlapping the header on all pages. Is there something wrong?

www.detailking.nl

[Made4uo-Ribe]

Hi @Detailking 

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 599px){
.header-wrapper {
    position: absolute;
    top: 45px;
}
.banner__box {
    padding-bottom: 0 !important;
    margin-bottom: -30px;
    }
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Dan-From-Ryviu]

Hi @Detailking 

Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, add this code and save 

@media (max-width: 749px) {
.header-wrapper { top: 40px !important; }
}

[Detailking]

Thanks for your answer! It worked on the home page, but when you look at a collection, it's still overlapping.