Centre multicolumn heading text

Topic summary

A user needed to center the heading text in a multicolumn section on their Shopify store’s hygiene pod page, despite trying multiple CSS commands without success.

Solution provided:

  • Navigate to Edit code in the theme editor
  • Locate the base.css file
  • Add the following CSS at the end:
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.multicolumn__title {
    justify-content: center !important;
}

Outcome:

  • The solution successfully centered the heading on desktop
  • A follow-up question about mobile centering was raised but resolved independently by the same user
  • Issue marked as resolved
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

I want the heading text for the multicolumn to be centered, the page is hygiene pod. I have already tried multiple different css commands and nothing has worked. Quiet strange actually.

URL: HYGIADENTAL.COM

Hi @Anonymous

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.multicolumn__title {
    justify-content: center !important;
}

Result:

Best,

Liz

that one actually worked! thankyou so much

Hi, this works great on desktop. How about on mobile? For me the mobile version of the header is not centered. Any solution?

thanks

nvm found the solution