Hi Megan,
Thank you for writing in, generally, PRO and X theme are mobile responsive as well. With regards to the header, there are configuration needs to be done because that is a custom header.
For example this bar:
Those logos were squeezed in the Container because the Container is not set to wrap children (unless that is the layout you’re after)
Another thing with this is since your logos will wrap after that wrap children turned on. Your bar needs to have the appropriate height. Please set your Bar’s height to auto
.
Another issue is the Navigation Inline on mobile, that menu is not designed to be used on mobile view. Please add a Navigation Collapsed or Navigation Modal (whichever you like) next to your Navigation Inline, then use the Hide During Breakpoints feature on those elements to switch them between desktop and mobile.
More details about how the header and footer builder works here.
Then this text,
It would be better if you set this as Text Align Center.
Regarding the design of the single posts, this part.
Please recreate this as your secondary header, you can create it from scratch or duplicate your current header. Then assign that header to your Single Posts. Add this on your Header CSS area to remove the Title and Featured Images that are on the content area.
.single-post .entry-header,
.single-post .entry-featured {
display: none;
}
Hope it helps,
Cheers!