Center logo on Enterprise mobile version

[BergEvent]

Hi! Can someone please help me centering my logo on enterprise mobile version?

My website: https://agwqx9gpmw0jm015-75243356459.shopifypreview.com

[DaisyVo]

Hi @BergEvent 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
.header__logo {
    justify-content: center !important;
}
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Moeed · Accepted solution]

Hey @BergEvent 

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 (max-width: 767px) {
.header__logo a {
    left: 5% !important;
    position: relative !important;
}
.header__logo {
    justify-content: center !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @BergEvent 

Please add this code to  Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
. header .header__logo {
    margin-left: 32px;
    justify-content: center;
}
}