How To Center Align All the Section Headings in the MOBILE VIEW? DAWN THEME

how to center align all the section headers in the mobile view on all pages throughout the site, for example as you can see in the picture down below, all the section headers in the desktop view are centered but in the mobile view, it is left aligned.

Any help is much appreciated :slightly_smiling_face:

URL: Abbasi (abbasigems.com)

Password: testingpage

Thank you,

hi @justauser ,

Try add this code at the bottom of Theme Editor > assets > base.css file

h2.title.h2, h2.collage-wrapper-title.h2 {
    text-align: center;
}

Try it and let me know

@ExpertRookie unfortunately for the mobile view its still the same, it is not centered

Hi @justauser
Just checked your theme code,
It has an error, the file base.css missed a close tag.
check the code like this image

And add the close tag like this image

oh my! I made such a rookie mistake, thank you so much for pointing that out @ExpertRookie , you saved me a bunch of time!

much appreciated mate :slightly_smiling_face:

@ExpertRookie By the way, a quick question. is there a way to run the shopify code base locally?

hi @justauser
So sorry, Still not clear about your question.
Please give more describe for your problem.
Or give me a message.