Responsive Text in Vantage Headline Widget
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
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Hi 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/
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.