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].
How can I edit my headline font so that it’s smaller for viewing on mobile devices?
The font is currently not resizing and is too large to be read on a phone.
P.S I’m using the Page Builder by SiteOrigin.
I’m wondering if there’s somewhere I can specify if a row is only visible on small devices?
Hi MysteryCreek,
You can accomplish this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:
@media (min-width: 601px){ .mobile-show { display: none !important; } }You might also need to install the SiteOrigin CSS Editor.
To have a row/widget be only visible on mobile devices you simply need to open it, head over to the row/widget styles sidebar and open the Attributes settings group. Set the row/widget class to mobile-show and then save. How does that look?
URL:http://equidays.co.nz/event-information/
Hi Mystery,
I would recommend using a SiteOrigin Headline widget rather than a Visual Editor to display that row. The SiteOrigin Headline widget includes FitText support which will automatically resize the text to allow for it to be responsive without issue.
Outside of that, I’d like to help you with this issue but, unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.
Using the headline widget seems like the way to go, I just had to activate it.
Thanks for your help Alex.