Responsive Collection

Overview

👋🏼  Help us improve by answering this short survey: http://elemn.to/survey-time

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: https://elementor.com/

Get Elementor Pro: https://elementor.com/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

Share

Was This Helpful?

Thanks for your feedback!

Recommended Videos

Global Colors and Fonts

Elementor Theme Builder Overview

The Future
of Web Creation. Straight to
Your Inbox.

What interests you?

Great!

Awsome content is on the way.

More Resources