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].
I’m currently building a new site using the Vantage theme and SiteOrigin Page Builder, but I’m having an issue with the text not resizing, mainly the headers. The site is at http://findhealthcaretraining.com/site2/. The headers in the Hero section, as well as the headers in the Editor sections are not resizing. I’m currently specifying font sizes for these headers using pixels (px), but I’ve also tried em and rem and none of these options worked. I have FitText enabled at the default value of .85.
Any help would be greatly appreciated.
Thanks
Hi Robert
Thanks for posting. For the Hero, try increasing the FitText value to say 0,9.
In the Hero, also check the Mobile Height setting. Once your text is smaller, you can also adjust the height using the Mobile Height setting.
Headers in the Editor won’t resize. If you send me a link to the page concerned, I can take a look and try assist a little with some CSS.
This reply has been modified. Please, use this version and not the email version. Thanks :)
Thank you very much for your reply, I apologize for the delayed response. I’ve actually moved the site, because I finished building and and have made it live http://abundantbs.com/.
Actually, you answered my question, when you said headers in the editor won’t resize. For some reason, I was thinking I had built a site with Vantage before and the headers did resize. The homepage has some large headers and they look a little odd on a smartphone, so it would be nice if they resized. I guess I could write some custom CSS to make them do that, based on the screen size.
Thanks again.
James
Hi :) The Editor widgets with font-size tags in the HTML wouldn’t resize even if the theme did resize header tags as the inline style would win. For those, Custom CSS would be ideal. You could add two rules to Custom CSS, one would target a class for all resolutions and another for mobile using a media query, you’d then add that class name to the header tags instead of the inline styles being used now.
For the Hero widgets, we have found a bug where FitText isn’t working if it’s being used on a page more than once. You don’t have text in your other Hero widgets so try this. Edit all the home page Hero widgets except for the first one. In all the other ones, deactivate FitText. The first Hero should then resize the header on smaller resolutions.