Dawn 2.0 Multicolumn Header and Collection Header make it Center

Store Design
1

Hello,

Please, how can I centre the header of multicolumn and collection in dawn 2.0 theme?

thank you

Store https://noejewellery.com

pass: eliasnoel

thank you

2

@ena11 ,

oscprofessional_0-1649152627660.png
oscprofessional_0-1649152627660.png1786×863 18.6 KB

3

@ena11 I can’t open your store.

4

Hi @ena11 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

5

sorry its https://noeljewellery.com/

6

sorry its https://noeljewellery.com/

7

@ena11 ,

.multicolumn h2.title.h0 {
    text-align: center;
    margin: 0 auto;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

8

Hi @ena11 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-multicolumn.css->paste below code at the bottom of the file:
.multicolumn .title-wrapper-with-link {
    justify-content: center !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4 Likes
9

hello, what about centring the collection heading??

10

@ena11 ,

You mean collection page ?

11

yes please

12

@

oscprofessional_0-1649320744749.png
oscprofessional_0-1649320744749.png1636×989 250 KB

13

Screenshot 2022-04-07 130807.jpg
Screenshot 2022-04-07 130807.jpg1661×917 137 KB

Where I put the red mark is the heading for the collection.

I hide it because it always appears on the left.

I need It in the middle.

Thank you for your kind help

14

@ena11 ,

div#FacetsWrapperDesktop {
    justify-content: center;
}
15

@ena11 ,

Hi,

Your issue is resolved or not?

if yes and then please give a like and accept it .

have a nice day!