Padding Between Logo And Navigation In Refresh theme

Shopify Discussion
1

Hi. I am trying to remove the space between my logo and the navigation bar. There’s still a gap between my logo and the menu options in the refresh theme (See attached image). I am not very good with coding, so a step-by-step would be super helpful.

Thank you so much!

TinColens_0-1698913790336.png
TinColens_0-1698913790336.png1354×369 39.8 KB

2

Hi @TinColens

Please replace your logo with this one to reduce that space

logo-f.png
logo-f.png208×219 45.6 KB

3

What’s your store url ?

4

Hello @TinColens ,

As per my understanding you are looking to reduce the size between logo and navigation bar.

Please try the below mentioned steps to fix this issue →

  1. Go to Online Store → Themes → Click on Three dots (Action) → Edit code https://prnt.sc/2zUtyioSyixp

  2. Next, search for the base.css file and open it. https://prnt.sc/nL9lysPO8snk

  3. Now , find/search for the below mentioned code and make changes in margin-top.

@media screen and (min-width: 990px)
.header:not(.header–middle-left,.header–middle-center) .header__inline-menu {
margin-top: -30px;
}

  1. Save changes.

I hope it helps.

Kindly let me know if you need any assistance.

Thank you.

5

Hi. It didn’t work.

6

Hello @TinColens ,

Sorry, maybe it didn’t work for you.

I have again looked through your store https://homejoygoods.com/ and see you have changed the header section.

Please let me know if you are still looking for any solution.

Thank you.