How to move heading bar to center in multicolumn

Store Design
, , ,

Topic summary

A user seeks help centering the heading/title bar in a multicolumn section of their Shopify store. An image shows the current left-aligned header that needs to be centered.

Proposed Solutions:

Multiple developers offered CSS-based fixes, all following a similar approach:

  1. Navigate to Online Store > Themes > Actions > Edit Code
  2. Open the base.css file (located in Assets)
  3. Add CSS code at the bottom of the file

Specific CSS recommendations include:

  • .multicolumn.title { margin: 0 auto; }
  • .inline-richtext { margin: auto; }
  • .h2.inline-richtext h1 { text-align: center; }

One respondent also suggested adding markup code before the </body> tag in the theme.liquid file as an alternative approach.

Screenshots were provided showing the expected centered result. The discussion remains open with no confirmation from the original poster about which solution worked.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hi guys, I need help with my multicloumn, I want to move my header to the center, heres what I mean

BrickBuidz_0-1693182861923.png
BrickBuidz_0-1693182861923.png1884Ɨ616 49.4 KB

If you guys could please help that would be greatly appreciated!!

here is my website:

https://brickbuildzz.com/

1 Like
2

Hi @BrickBuidz

This is David at SalesHunterThemes.

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.multicolumn .title {
margin: 0 auto;
}
3

Hello @BrickBuidz

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.title.inline-richtext {
    margin: auto;
}

The result

Screenshot 2023-08-28 at 10.08.45.png
Screenshot 2023-08-28 at 10.08.45.png1017Ɨ277 13.5 KB

Hope it helps!

4
  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:
h2.inline-richtext.h1 {
text-align: center;
}

ZestardTech_0-1693199445433.png
ZestardTech_0-1693199445433.png1768Ɨ418 89.2 KB

5

Hi @BrickBuidz ,

This is Anthony from Beae Landing Page Builder, and Iā€™m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store ā†’ Theme ā†’ Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

1 Like