This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Non-responsive headline font – Tesseract theme

Resolved 5 replies generalquestion
MysteryCreek
8 years ago · Last reply by MysteryCreek 8 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. MysteryCreek 8 years, 7 months ago

    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?

    • Alex S Staff 8 years, 6 months ago

      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?

  2. MysteryCreek 8 years, 7 months ago

    URL:http://equidays.co.nz/event-information/

  3. Alex S Staff 8 years, 6 months ago

    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.

  4. MysteryCreek 8 years, 6 months ago

    Using the headline widget seems like the way to go, I just had to activate it.

    Thanks for your help Alex.

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.

Have a different question or issue?

Start New Thread