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,
Can you make the text in the Vantage headline widget responsive. I tried using em and % sizing for the font but that doesn’t work in CSS3.
Thanks
Hi Hugh
Thanks for running Vantage.
Changing the font sizing to em will make text responsive in terms of the browser font size being reset by the user but doesn’t apply to screen/device responsiveness.
Try inserting the following under Appearance > Custom CSS:
@media screen and (max-width: 680px) { .widget_headline-widget h1 { font-size: 16px; } }That will drop the h1 down to 16px below 680px. You can introduce responsiveness in this way.
Thanks. That’s works great. I’ve put in a list of those in my child theme for different screen sizes.
Super, glad we were able to resolve.
Is there also a possibility to introduce multiline when the screen is getting smaller? The option above is nice, but not useful for smartphones, since the text for long sentences gets too small.
Hi Wouter
Can you crank open a new thread for me, perhaps with an example you’re working with and I’ll jump in there ASAP.
Thanks
https://siteorigin.com/new-thread/