How can I remove the extra space that's on top of my home page? (SENSE THEME)

[Muselabel]

Hello,

I have some extra space on top of my home page that I want to get rid off. I don't understand why it's up there. I don't even make use of an announcement bar.

The link of my store: https://muselabel.nl/

[Raj-webdesigner]

Add this css in your edit code > base.css file

    .section-header {
        margin-bottom: 0 !important;
    }

[Muselabel]

It does help, but not on my mobile phone. Do you have a solution for this?

[Moeed]

Hey @Muselabel 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section-header {
    margin: 0 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Muselabel]

It does help, but not on my mobile phone. Do you have a solution for this?

[Rahul_dhiman]

Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.

@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px !important;
}
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[Muselabel]

It does work on my desktop but not on my mobile phone. Do you have another solution for this problem?