How can I center a multicolumn header in Studio version?

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!!

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

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

Hey @smander

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

Best Regards,
Moeed

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;
}

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;
}

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!

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

https://fleurelleflowerfarm.ca/