Looking to get Logo inline with header menu options

[spoolandsteel]

Hi,

I’m trying to get my logo centered in line with my menu options.

I’ve found ways to move the menu options down so that it is centered in line with the text, but then I have problems moving the search, profile, and cart icons down as well. I feel as if I am overthinking it by moving all of those options down, rather than just moving my logo up and adjusting the padding.

I’m currently using the Dawn 2.0 theme. My logo is cropped so there is no blank white space surrounding it and I’m using 100px size on it.

[Bundler-Manuel]

Hi there and welcome to the Shopify community! @spoolandsteel

You can follow these steps here to put your logo on the same line.

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

@media screen and (min-width: 990px) {
.header--top-left {
    grid-template-areas: "heading navigation icons" !important;
    grid-template-columns: 1fr 2fr 1fr !important;
}
}

[spoolandsteel]

Thanks for your reply.

Unfortunately it doesn’t look like this made any change.

[Moeed]

Hey @spoolandsteel

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[spoolandsteel]

Thanks for the replies and thank you Bundler-Manuel for pointing me to the correct file to be editing this under. I was able to finally get a good reply out of ChatGPT by providing it my code with the correct file. It gave me this as the solution which seems to have worked.

@media screen and (min-width: 990px) {
  .header {
    align-items: center !important;
  }

  .header__heading,
  .header__heading-link,
  .header__inline-menu {
    align-self: center !important;
  }
}