Website formatting broken in mobile view

[rondegregorio]

Hello,
I am new to web-design, and trying to work my way through X Pro. Things seem to be working well on desktop view, but when I get down to mobile view, everything seems to be incorrect. Examples:

1. Background on desktop is solid white, but on mobile, it shows background image and everything else is transparent.
2. Headings are incorrect: I have a text box that says “Advertisements by Candidate” that looks great on every view other than mobile. On mobile, text gets chopped off.

I am finding little quirks all over the place on mobile. Can you please help me?
Website is www.standbyyourad.com

[rondegregorio]

I am wondering if there is a setting I should have selected or unselected to work better on mobile screens?

[jade]

Hey Ron,

@rondegregorio

Background on desktop is solid white, but on mobile, it shows background image and everything else is transparent.

I checked your site on mobile but I can’t seem to find the background image that you mentioned. Can you try clearing your phone’s cache and check again?

@rondegregorio

Headings are incorrect: I have a text box that says “Advertisements by Candidate” that looks great on every view other than mobile. On mobile, text gets chopped off.

Please try adding this code in X > Theme Options > CSS:

.x-text {
    word-break: break-word;
}

Would you mind pointing out the parts on mobile you mentioned that look off so that we can check it?

Hope this helps.