Shopify Header space between logo and menu

Hi Everyone,

Apologies if this has been posted before, but I’m having trouble removing the space between my header logo and my header menu. The menu is supposed to be left justified on the debut theme next to the logo. I have a couple of apps tacked on, but think this is something that I did in the early days and never could figure out how to fix. Site is MILE180.com. Any recommendations are appreciated.

MILE 180 Menu.png

Thanks,

Josh

Hello how are you doing l can help you with your Logo

Hello. Not so much a logo issue as it is a problem with the padding around the logo.

you can try this code . I think it may be helpful to you.

please add this code bottom of theme.scss file.

.grid__item.medium-up–one-quarter.logo-align–left {
width: 15%;

}

nav#AccessibleNav {
width: 60%;

}

1 Like

hii, @MILE180
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
.grid--no-gutters .grid__item {
    padding-left: 110px !important;
}
}

Thank You.