Responsive Collection


👋🏼  Help us improve by answering this short survey:

In this tutorial, we will go over the responsive features and options in Elementor. We’ll review the basics of responsive design, and optimize a website’s header, content, and footer, using Elementor’s responsive section, column, and widget settings.

This tutorial will cover:

✔︎ Responsive features

✔︎ Responsive menu

✔︎ Responsive font styles

✔︎ Device-specific settings

✔︎ And much more!

Don’t forget to subscribe to our channel!

Get Elementor:

Get Elementor Pro:

00:00 01:01 – Intro – What We’ll See in this Tutorial

01:02 04:08 – Elementor’s Responsive Features

04:09 05:59 – Responsive Menu

06:00 07:47 – Column Width & Wrapping

07:48 08:48 – Responsive Font Styles

08:49 09:34 – Hide and Show Elements on Different Devices

09:35 10:08 – Reverse Column Order in Different Viewports

10:09 11:24 – Hide & Show Elements – Best Practice

11:25 12:12 – Responsive Widget Options

12:13 13:56 – Recap – What We Learned in this Tutorial

Related Topics


Was This Helpful?

Thanks for your feedback!

Recommended Videos

Global Colors and Fonts

The Future
of Web Creation. Straight to
Your Inbox.

What interests you?


Awsome content is on the way.

More Resources

Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount