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].
Hi,
In the Vantage Premium them, I have a 4 horizintal shortcodes buttons in the header above the main menu. The buttons switch responsively from being horizontally stacked to being vertically stacked as the screen resolution changes. I’d like to be able to control the resolution at which the switch over occurs so it matches the resolution when the theme and main menu changes. At the moment it’s changing too early. I haven’t found anything in the content-shortcodes.css which I have imported into my child theme. What CSS do I need to change to do this
Thanks a lot
Space-wise it may seem to switch over when the width can’t sustain a horizontal layout any more. However I’ve played with smaller sized buttons which do switch over too early when there is space left so I would be very interested to know how to tweak the code. Thanks
Hi Hugh
Try the below under Appearance > Custom CSS:
/* Vantage increase support text breakpoint */ @media screen and (max-width: 960px) { body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar { position: static; display: block; margin-top: 30px; max-width: 100%; } }Adjust the 960px figure I have there. Let us know how that goes.
Thanks Andrew I will try that and let you know :)
For sure. Hope that helps.