Making Your Sites Tablet and Mobile Friendly With Elementor

 

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. The demo site is built with Elementor Pro, but the webinar will cover many topics relevant to all users.

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]

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How to Make a Responsive Page On WordPress – Side By Side Columns

  In this video, you will learn how to align columns side by side on WordPress pages viewed on...

How to Make Your Website Responsive With Elementor’s Mobile Editing Tools

  Responsive Web Design means making your website look good on all devices (desktops, tablets,...

Build a Mobile CTA with Elementor – Step-by-Step

  Call to Action (CTA) buttons can have a real impact on your sites’ conversion rate. In this...

How to Hide Columns Per Device in Elementor

  In this tutorial, we’ll go over how to hide a column in Elementor 2.5.

How to Use Custom Positioning Units For Best Mobile Responsive Behavior

  Learn how to use the custom positioning units (px.%, VH, VW) with responsive behavior in...