How do you center the header of the multicolumn section in Dawn theme?

Solved

How do you center the header of the multicolumn section in Dawn theme?

jessieh_10
Tourist
8 1 2

I can't figure out how to center the title of the multiheader section for this theme. Any ideas?

https://jessica-hannon.myshopify.com/

Password: rtetso

Accepted Solution (1)

diego_ezfy
Shopify Partner
2988 573 931

This is an accepted solution.

@jessieh_10,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>

.multicolumn [class^='title']{
    align-items: center !important;
    justify-content: center !important;
}
</style>



Kind regards,
Diego

 

View solution in original post

Replies 8 (8)

diego_ezfy
Shopify Partner
2988 573 931

This is an accepted solution.

@jessieh_10,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>

.multicolumn [class^='title']{
    align-items: center !important;
    justify-content: center !important;
}
</style>



Kind regards,
Diego

 

jessieh_10
Tourist
8 1 2

Works! Thank you so much!

sixteenramos
Visitor
1 0 4

How do you apply it for mobile? This works on desktop but not for mobile.

atlascollective
Visitor
1 0 0

still needing a fix for mobile as well

 

jinkazama
Visitor
1 0 6

hello, this is it, works for both

 

 

 

<style>
  .multicolumn [class^='title'] {
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    text-align: center !important;
  }
</style>

 

 

slimjimm86
Visitor
1 0 0

worked for mobile too. Thanks alot!

LovMemPrin
Excursionist
22 0 10

WORKS GREAT! is it possible to do this for the heading section as well? 

nenmu
Visitor
1 0 0

thank god you saved me thank you so much