Help putting logo in the centre next to other menu options

[crescenthu]

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".

zq2pbf-di.myshopify.com

Password: theaba

Thanks in advance!

[Hamza_Hussain]

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

nav.header__inline-menu {
     order: 1;
}


h1.header__heading {
    order: 2;
}


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

[crescenthu]

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

[Moeed · Accepted solution]

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 </body> tag

<style>
@media screen and (min-width: 768px) {
h1.header__heading {
    left: 25rem !important;
    position: relative !important; 
}
}
</style>

RESULT:

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

Best Regards,
Moeed

[crescenthu]

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.