Why is my mobile website view misaligned on the Dawn theme?

Store Design
1

Hi all,

Thank you for taking the time to read this. I need your help. My desktop version of my site looks great! But when using the mobile version, parts of my website is out of whack. Like if you go to my website with your mobile… www.PennsylvaniaParks.org scroll down a bit to where it says Current Fundraising Campaigns… see how Current Fundraising is aligned to the left but the word Campaigns is aligned in the center? My entire website is like that. If you visit my Park Grants page www.PennsylvaniaParks.org/pages/park-grants you will see the first line which states THE PARKS GRANT PROGRAM is all messed up. The Parks Grant is aligned to the left and the word program appears to be centered. The next paragraph, the same thing. Its aligned to the left but the last line in that paragraph is centered. I got no idea what is going on here. Anyone have any idea what is going on? I hope this makes sense.

Thank you in advance to anyone who can assist me.

2

Hello @Justin34

I inspected your website and it is not a very huge error.

So let’s fix step by step:

Head to Online Stores> Themes> Duplicate

To back up your current theme so it will be okay after we tangle up some codes.

Now again Online Stores> Themes> Edit Code

Open base.css and paste these codes to very bottom.

h1.main-page-title.page-title.h0 {
    justify-content: center !important;
}

.bdf-txt-edt.bdf-clr {
    text-align: center!important;
}
h2.page-title.h1 {
    text-align: center!important;
}

.buildify a, .buildify h1, .buildify h2, .buildify h3, .buildify h4, .buildify h5, .buildify h6, .buildify p, .buildify span {
    text-align: center !important;
}

It will fix most of the alignment of your website,

If you are unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!

1 Like
3

Worked perfectly. Thank you!!