How am I able to fix this gap in my header?

Store Design
, , , ,
1

How am I able to fix this gap in my header?

ricky24_0-1725567922874.png
ricky24_0-1725567922874.png3010×888 200 KB

2

Hi @ricky24

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 (min-width: 1025px) {
    .header-bar--page-margins .header-bar-inner {
        margin-top: 0px !important;
    }
}

.header-bar--page-margins .header-bar-inner {
    margin-top: 0px !important;
}

And save.

result:

Made4uoRibe_0-1725568562287.png
Made4uoRibe_0-1725568562287.png1828×251 190 KB

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