Help putting logo in the centre next to other menu options

Store Design

Topic summary

A user seeks to reposition their store logo in the header, wanting it placed to the left of the main menu items (specifically left of “Összes parfüm”) instead of having a gap between the logo and menu.

Initial Solutions Offered:

  • One responder provided CSS code to reorder header elements, but this placed the logo on the right side of the menu rather than the left as requested.
  • Another solution involved adding custom CSS code to the theme.liquid file above the </body> tag, which successfully repositioned the logo as desired.

Current Status:
The working solution only applies to the homepage. The user now needs help extending this fix to all pages, as the logo reverts to its original left-aligned position on other pages (e.g., product pages). The discussion remains open with this implementation challenge unresolved.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi! Currently, in the home page on the header, my logo and the menu options have a black gap between each other.

I would like to remove this gap, so that the logo is next to the other menu options. I would want it to be on the left side of “Összes parfüm”.

Password: theaba

Thanks in advance!

1 Like
2

Try using this CSS code in your header file and it will show like the image below. but there should be an option in the customizer if you are using Dawn Theme

Hamza_Hussain_0-1744725405617.png
Hamza_Hussain_0-1744725405617.png1437×241 39.4 KB

nav.header__inline-menu {
     order: 1;
}

h1.header__heading {
    order: 2;
}

.header__icons.header__icons--localization.header-localization {
     order: 3;
}
3

Hi, this would be great but I would want the logo on the left side of the menu, and the menu position stays where it is now. There is no option for this in the customizer unfortunately

crescenthu_0-1744725730193.png
crescenthu_0-1744725730193.png1015×113 11 KB

4

Hey @crescenthu

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1744725893732.png
Moeed_0-1744725893732.png1369×897 113 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

Thank you this worked. Is there a way to do this on all pages? because when i enter another page for example the product page, the logo goes back to the left side.