How Can I center my logo on my mobile site layout?

[MaisonBillonDon]

I want to center the Logo on my mobile site layout without it affecting and moving my logo on my desktop site layout. How can I do this? I've included a photo of what my current mobile site looks like. 

Theme: Origin

URL: billon.maison

[DaisyVo · Accepted solution]

Hi @MaisonBillonDon 

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){
body header.header h1.header__heading {
    padding-left: 0 !important;
}
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[MaisonBillonDon]

This worked too! Thanks again 😁 @DaisyVo