How can I center headings on a mobile homepage in Dawn theme?

Store Design
1

Hi. In my Dawn Theme, on Mobile, I need to center the heading “Popular Burp Cloths” for the featured collection section and center the heading “Function Like A Boss” for the multicolumn section. Both of these headings are already centered on desktop but currently remain left aligned on mobile. I have attached screenshots of the issues. Thanks for any help in advance!

Store: www.theburpboss.com

Password: leistu

2

@TheBurpBoss

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.title-wrapper--no-top-margin>.title {text-align: center;}
1 Like
3

Hi @KetanKumar , which files do i paste this in for each of the two headings? Assets? Sections? Base.cc? Thanks!

4

@KetanKumar , I misread and realized you already stated base.css. Sorry I missed that. Thanks!

1 Like
5

@TheBurpBoss

no rush its my pleasure to help us

6

Hi! This solution is not working for me. My headings on the mobile are still not centred. can you advise another way of doing this please. many thanks

1 Like
7

@Sarahnauj

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

8

Great news thank you for your help

https://www.myletijewellery.com/

9

Hi - Do you have a solution? thanks