I'm facing an issue with the header and footer being cut off on mobile devices. When viewed on a tablet or phone, the header doesn't display across the full width of the screen. This problem arises because the Wordpress theme was created in 2010 using a child theme.
You can visit www.canonbody.com to see the issue for yourself. Here are the relevant lines of code:
#colophon,#wrapper,.inner{width:1050px;min-width:1020px;}
header{width:100%;device-width:100%;min-width:100%;border-bottom:2pt solid #000;padding-bottom:17pt}
#footer #colophon{position:relative;height:292px}
#colophon{line-height:20px;padding-top:7px}