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