Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello, I am inquiring on how to make Vantage masthead background image responsive.
Any help is appreciated, this is the free version, not premium.
Hi Bleazy,
Do you have a public URL where we can take a look at your masthead? I ask because depending on your image, it may not be possible.
http://jamigray.com/
Hi Bleazy,
Thanks. Based on the image, your best bet would not add it as a background. Please navigate to WP AdminAppearanceCustomize. Go to Theme DesignPage and remove the Masthead Backgorund. Go back to the Theme Design settings group and open the General settings group. Set the Heading Padding to 0.
Go back to the customizer base and open Theme SettingsLogo. Set the image you were previously adding as the masthead background, and set it to the Logo.
that helped with the resize, but now in mobile the logo is far too small.
thanks for the support thus far, any answer on this last thing and we should be good!
Hi Bleazy,
I would recommend editing your logo and removing a lot of the blank spacing. This will allow for the logo to appear larger on mobile while still retaining the effect to a certain degree.
Also, please add the following CSS to WP AdminAppearanceCustom CSS:
@media (max-width: 680px) { .support-text { display: none !important; } #masthead { padding: 0; } .main-navigation { margin: 0; } }You might also need to install the SiteOrigin CSS Editor.
that CSS did the trick. thanks for your support!