Responsiveness – Page widths

Hi there all,

I am struggling with yet another issue using the Rad theme. All of the suggestions and custom CSS provided thus far have worked beautifully with the theme and the Custom CSS settings. I now am faced with the 2 following issues, both of which I have Googled extensively and tried random CSS code fixes, sadly all to no avail. I have 2 sites, 1 of which appears fine (DianaDeadlifts.com) on the Rad theme on mobile and desktop, and another for which I can’t seem to get the responsiveness to work properly, DianaAndersonTyler.com . See my issues below:

1) On my site DianaDeadlifts.com the site is fully responsive on mobile and desktop and appears fine. However, on DianaAndersonTyler.com I am seeing an issue when viewing my site on desktop since I have to scroll horizontally ever so slightly to see everything. Why do I not have dead white space on the L and R sides as I do on my other site with this same theme?? In other words, can I get the text to be in just the middle, and have a small buffer on the left and right sides? I am wanting this for all of my blog post pages. Not sure why DianaDeadlifts.com works fine and my DianaAndersonTyler.com site isn’t??

2) I have used the suggested header image sizing, 1440×600, however my text is still appearing cut-off on both desktop and severely so on mobile. Is there another header image size I should abide by? Or is there custom CSS coding I need to use? Please help! No idea why this is happening.

Thank you for any and all help you can offer!