How to lessen the space between the logo and the menu item? I want it to to be closer. I have found the answer for when the logo is next to the menu item but not when it’s top center.
1 Like
Hi @Julia_76 ,
Would you mind to share your URL website? with password if its protected. Thanks!
1 Like
Thank you for the information. Try this.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
- And Save.
header.header.header--top-center.header--mobile-center.page-width.header--has-menu h1.header__heading {
height: 170px;
}
Result:
I hope it help.
it worked! Thank you!
1 Like
I just realized it has only worked for the home page, if I click on any other item the big gap is still there.
1 Like
Oh, I think I choose wrong selector. We cant see the changes of other pages that why but you can try this one.
body.gradient a.header__heading-link.link.link--text.focus-inset {
height: 170px;
}
Result:
I hope it help.
Thank you!
1 Like