Making Your Sites Tablet and Mobile Friendly

6 Takeaways:

✓ Optimize and style navbar hamburger menus for tablet and mobile [PRO]

✓ Use Elementor’s responsive settings to create device specific designs

✓ Control column width and alignment per device

✓ Use relative units that scale better on devices, such as EM and %

✓ Optimize your Global Fonts for different viewports

✓ Manage Motion Effects for tablet and mobile devices [PRO]

Links mentioned in the Webinar:

TIMESTAMPS:

00:00 Introduction

01:52 Site overview on tablet & mobile devices

03:30 Optimize & style the navbar hamburger menu for tablet and mobile

06:51 Tweak the header for mobile, device icons & alignment

09:30 Create device specific layouts using column width & responsive visibility

12:50 Optimize your global fonts for different viewports, understand default behavior & use EM to save time

18:28 Build a simple 2 column, text and image design & apply motion effects with mobile in mind

24:28 Tweak your buttons per device & understand the impact of changing values with settings that don’t have device icons

26:04 PX vs. % use relative units that scale better on devices

27:37 Applying Elementor’s responsive settings to create a custom footer layout for tablet and mobile

Join Ziv Geurts, Designer & Elementor’s Lead Educator, for a step-by-step walkthrough on how to use Elementor’s responsive settings to make sure your sites look great on tablet and mobile devices.