Themeisle Docs

Appearance

otter-page-builder-blocks-extensions

Why start from scratch? Otter Pro gives you 40+ ready patterns, premium blocks, and priority support.

Learn More →

Typography Options in Hestia Pro ​

Typography Options ​

Hestia offers control over the Headings and Body Font Families, offers the possibility to choose a Font Subset and Font Size options for the Frontpage sections and inner pages.

Better control over the Font size Options ​

Hestia Pro offers you control over the font size options for each specific mode: Desktop, Tablet, and Mobile. By default, the changes will take place on the desktop. To make any changes to the tablet or mobile view, you just need to click on their corresponding icons, near each control and change the font size according to what you need.

This way, you can better adapt your content for each device, as there are times when you need to have different font sizes for different devices.

Troubleshooting: Fonts not updating on mobile ​

If you've adjusted font sizes for mobile but the changes aren't visible on your site, follow these steps:

  1. Confirm the mobile icon is selected and changes are published. In the Customizer, make sure you clicked the mobile device icon before adjusting the font size, then click Publish to save your changes.
  2. Clear your browser cache. Your browser may be serving a cached version of the page. Open the page in an incognito/private window or force-refresh the page (usually Ctrl + Shift + R on Windows or Cmd + Shift + R on Mac) to verify the changes.
  3. Clear your site cache. If you use a caching plugin (such as WP Super Cache, W3 Total Cache, or WP Rocket), go to its settings and clear the cache so the updated styles are served.
  4. Purge your CDN cache. If your site uses a CDN (such as Cloudflare or BunnyCDN), log in to your CDN dashboard and purge the cached files so the new font settings propagate to all visitors.

💡 Tip: If you're unsure whether the changes are live, test on a different device or use your browser's built-in developer tools to simulate a mobile viewport.

Font size options for the primary menu ​

In Hestia Pro, you have the possibility to also update the font size for the primary menu icons ( specifically for desktop, tablet, and mobile ).

Check out Hestia PRO