Make heading of multicolumn and feature product center align in sense theme

Store Design

Topic summary

A user seeks to center-align headings for multicolumn and featured product sections on their Shopify store homepage using the Sense theme, which isn’t available through the standard customization interface.

Solution Process:

  • Multiple contributors provide CSS code snippets to be added to the theme.liquid file above the </head> tag
  • Initial solutions successfully center the multicolumn heading
  • Featured collection heading requires separate CSS targeting .title-wrapper-with-link classes with justify-content: center
  • One intermediate solution causes unintended formatting issues

Resolution:
The issue is resolved through iterative CSS adjustments. The final working code centers both the multicolumn and featured collection headings as requested. The user confirms the solution works in their final response.

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

I want to make heading of multicolumn and featured product center align in my home page but couldn’t find any way to do it in shopify customization page.

Here is my store: https://b8ef01-3.myshopify.com/

password: euclew

Capture25.JPG
Capture25.JPG328×508 18.9 KB

2

Hi @JohnLiam231

Please follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Please find theme.liquid file
  4. Add the following code above tag

dbuglab_0-1694062875863.png
dbuglab_0-1694062875863.png1425×514 45.7 KB

3

Hi, thanks for your help but I want the heading to be center aligned not the content

Capture27.JPG
Capture27.JPG326×588 22.3 KB

4

Hey @JohnLiam231

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694064043774.png
Moeed_0-1694064043774.png1549×556 32.2 KB

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

Best Regards,
Moeed

3 Likes
5

@JohnLiam231
Please follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Please find theme.liquid file
  4. Add the following code above tag

It will work on mobile only.
6

Hi @JohnLiam231

Use this code for both resolutions.

.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    justify-content: center;
}

dbuglab_0-1694064474327.png
dbuglab_0-1694064474327.png1390×581 39.2 KB

dbuglab_1-1694064486391.png
dbuglab_1-1694064486391.png452×604 24.5 KB

7

Thanks, it work for multicolumn, but the featured collection heading still left align, can you help me with that too, thanks again.

Capture28.JPG
Capture28.JPG368×554 24.5 KB

8

Hey @JohnLiam231

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694066487358.png
Moeed_0-1694066487358.png376×707 112 KB

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

Best Regards,
Moeed

9

Hi, the heading become like this when I put in the code

Capture30.JPG
Capture30.JPG348×288 11.1 KB

10

@JohnLiam231

Please follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Please find theme.liquid file
  4. Add the following code above tag

dbuglab_0-1694069372378.png
dbuglab_0-1694069372378.png588×546 120 KB

1 Like
11

Thanks, it work