Hi, I have checked the settings both on settings>page builder>layout and Appearance>customize>theme settings>layout. The box on each of these for responsive is checked, but the masthead is still does not fit. Is there something I’m missing? It did work before when I had first built this site with a different photo in the masthead. And if the masthead is not able to be responsive, how do I have it not show on mobile? Maybe just the logo?
Thank you,
Edie
Trouble with responsive (Vantage)
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Edie
Thanks for posting your question.
There is likely something in the header that isn’t responsive, perhaps something with a fixed width. If the site is publicly viewable we’d be happy to take a look.
lempsternh.org
I'd love any help!
Thanks. The best way to setup your header is to separate the logo/site title from the background image.
Ideally…
Logo:
Your site title would be just the text with a transparent background (PNG or GIF), cropped tightly, added via CustomizeTheme SettingsLogo.
Other Text:
Same setup, just the text, transparent background, cropped tightly, PNG or GIF, added via AppearanceWidgetsHeader using a SiteOrigin Editor or Image Widget.
Background:
Added via the same location just without any text in it. Theme DesignPageMasthead Background.
OR
For a quick solution with what you have now. Try adding your masthead background via a SiteOrigin Editor or SiteOrigin Image Widget at AppearanceWidgetsMasthead which replaces the contents of the header.
Thank you! I'll try this and also keep the directions!
Edie
Sounds like a plan. Please let us know how you get on.
Cheers
Andrew
I’m still stuck. I did this masthead by: Appearance > Customize > Theme Design > Page > Masthead Background. I made sure the box for responsive was checked, but it is not being “responsive”. What am I doing wrong here. I’d like this to show in a tablet or phone screen correctly. I must be missing something!
Edie
Hi Edie
Above, I touched on two possible solutions. The easiest and quickest would be to:
Try adding your masthead background via a SiteOrigin Editor or SiteOrigin Image Widget at AppearanceWidgetsMasthead which replaces the contents of the header.
That’ll add your header combined background and logo as an image and not as a CSS background image which is how the masthead background is added.
Andrew,
I used a different photo and had some help from an old thread on this site
(2 years ago) that fixed ALL my issues!
Thanks for your help – if you'd like to know what I did, let me know so you could help someone else who might want to use a photo in the logo spot! I kept all my own directions.
Edie
Hi Edie
Thanks for the update. Really glad to see you made progress adding your image as the logo and making the logo full width using Custom CSS! I’ve added the rules you used to the Vantage Custom CSS docs page: Page: CSS Snippets.
All the best with your site.
Cheers
Andrew
Glad to be able to help someone else out!