Tutorials

In our second instalment of our tutorial series on responsive styling, we will showcase how to set specific fonts for mobile tablet, and desktop. By default, all paragraph and heading font styling are responsive across resolutions. This means that when you resize your browser it’ll shrink automatically to ensure your font fits the resolution you’re viewing it in.

Responsive styling or responsive web design is an approach that makes websites render well on a variety of devices and screen sizes. It is becoming an increasingly important feature for all websites as mobile traffic now accounts for more than half of total internet traffic.

Similar to beautiful powerpoint presentations, you can also add eye-catching animation effects on various elements on your page with the Themify Builder. This is great when you want to draw attention to a call-to-action message such as a sign-up now button. Or when you want to showcase your content as users scrolls through your site. The Builder animation also works across various devices and resolutions, so you'll see it apply on both tablets and mobile.

For this video tutorial, we're going to show you how you can do add animation on both rows and modules step-by-step.

New Scroll to Row Video Tutorial! Following many requests from the Themify community, we’ve decided to launch a new video tutorial for the Scroll to Row anchor feature. To refresh your memory, Scroll to Row allows a website user to click an item on the header and be scrolled down to the relevant section.