Why isn't my logo centered in mobile view?

[buchanan215]

Hi there.

My logo isn't centered when i browse mobile view.

maui-now-2.myshopify.com

password: leapay

Thank you in advance!

[PageFly-Victor]

Hi @buchanan215 

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media screen and (max-width: 767px){

#shopify-section-sections--18094224933165__header .header__heading {

    margin-left: 0 !important;

}

.header {

    grid-template-columns: 1fr 2fr 1fr !important;

}

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

Hello @buchanan215 ,

It's GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
@media screen and (max-width: 989px){
 .header--mobile-left {
    grid-template-columns: 1fr 2fr 1fr !important;
 }
 .header--mobile-left .header__heading {
    margin: 0 auto !important;
 }
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team