Thanks, this addresses my problems sufficiently!
Thanks for the response! The code you provided adds the padding I wanted to the right side, but unfortunately also forces the left side over pretty far. I only need the padding added to the mobile version of the site, if that’s possible.
Your screenshot is correct – I’d like the navy line (which is a bottom-border) to stretch the full width of the page, on both desktop and mobile. I’m not sure what to do about the top bar with the social icons to make it look better on mobile.
Sorry for trying to address so many issues within one post! The third problem I was trying to describe was that pages featuring an image at the top, Home and About, end up having the image at the bottom when viewing mobile.
I solved this by creating a 15px bottom border for the header container with this;
#header_main .container {
border-bottom: 15px solid #12274C;
}
then had to remove the border with this
#header .container_wrap {
border: none;
}