Homepage display on mobile

[ShannonWyss]

Hello, Themeco people!

My website is coming together, which is exciting. I’ve started spot-checking how my pages display in the various formats offered on the bottom of Cornerstone. Generally, things are looking great.

However, i’ve added a bunch of blue text boxes throughout, and on my homepage (https://reflectingrainbowtweensandteens.lgbt/), this blue box doesn’t line up with the text for devices with
480px and down.

versus

979px and down also has this issue, although it’s somewhat less annoying there.

Is there a way to fix this? I’m hoping it’s not too hard but don’t have the vocabulary to be able to solve this on my own.

Thanks so much, as always, for your time.

–Shannon

[tristup]

Hi Shannon,

Thanks for reaching out.
It seems that the Responsive Settings are not made for that section. If that is already set for the smaller screen, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[ruenel]

Hello Shannon,

You haven’t set a Responsive Styling to your Row Layout. It should collapse to 1 column only on smaller screens.

As for the Headline and Text element, the left and right margins should be removed on smaller screens.

Kindly let us know how it goes.

[ShannonWyss]

Thank you so much, ruenel!

This looks SO much better and completely fixed these issues.

Much appreciated!

–Shannon

[ruenel]

You are most welcome, Shannon.