Solved

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

jessieh_10
Tourist
8 1 1

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
2958 568 890

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

 

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.

View solution in original post

Replies 7 (7)

diego_ezfy
Shopify Partner
2958 568 890

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

 

◦ Follow my blog & youtube for coding tutorials.
◦ Replace apps with copy/paste code snippets and save money.
jessieh_10
Tourist
8 1 1

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 4

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?