How can I center and align my webpage heading?

Store Design
1

Hey guys - can anyone help me get the heading to this section centralised and onto one line?

Thanks :slightly_smiling_face:

houssamalissa_0-1631106933700.png
houssamalissa_0-1631106933700.png1456×714 109 KB

2

@houssamalissa

Please share store URL!

Thanks!

3

@houssamalissa

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-16291314828aaa53d3 h3{
font-size: 1.2rem !important;
}

Hope this works.

Thanks!

4

Ah so I was referring to the main heading - but the other headings actually look better now so thanks anyway :slightly_smiling_face: Any fix for centralising / getting the main heading on one line without reducing the font size?

houssamalissa_0-1631178499323.png
houssamalissa_0-1631178499323.png1433×645 88.3 KB

5

Can anyone help on this?

6

@houssamalissa

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 992px){
div#shopify-section-16291314828aaa53d3 .page-width .section-header h2 { margin-left: 0px !important; text-align: center; }
}

Hope this works.

Thanks!

7

You’ve done it again!