How can I center a multicolumn header in Studio version?

[smander]

Wondering how to centre the multicolumn header? I don't see an option and its currently on the left which I don't like. I'm using the Studio version. Thanks!!

[Artzen_tech]

Hello @smander 
Its Artzen Technologies! We will be happy to help you today.

Please send your store url

Let me know if need further assistance
Regards,
Artzen Technologies

[topnewyork]

@smander Would you mind to share your store URL website, with password if its protected? Thanks!

[smander]

https://fleurelleflowerfarm.ca/

[Moeed]

Hey @smander 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[oscprofessional]

Hello @smander 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.title-wrapper-with-link {
    justify-content: center !important;
}

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.multicolumn .title-wrapper-with-link .title.h1 {
margin: 0 auto;
}

[websensepro]

Hi, @smander.

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

.multicolumn .title {margin: 0px auto;display: table;}

Result:

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

[PageFly-Henry]

Hi @smander 

This is Henry 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

.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {

    justify-content: center !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly