[06] Responsive Design & Connect the Home Page

In this lesson we will cover the responsive editing foundations in Elementor, optimize our homepage for responsive viewing. We’ll also set this page in Wordpress to display as the homepage on the website.

This lesson will cover:
✔︎ Responsive editing foundations in Elementor
✔︎ Inheritance Principles in Elementor
✔︎ Optimizing web pages for responsive viewing
✔︎ Setting a page to display as the homepage on a website
✔︎ And much more!

Don’t forget to subscribe to our channel!

See also:

Chapters:
00:00 - Intro
00:34 - Responsive Overview
01:36 - Inheritance
02:00 - Tablet
03:23 - Copy and paste style between elements
05:32 - Mobile
08:00 - Connect the Home Page

[professionalrnservicesllc]

This series is the BEST! Thank you from a RN bootstrapping her company.

[JoseGRendons]

This is an excellent series of tutorials, professionally organized and presented, the instructions are easy to follow and clear, at the end of the tutorials you indeed have a great understanding of how to use Elementor, which is and amazing tools, Thank you very much Aviva!

[annickmozesfranses]

Hi! Thank you so much for all these tutorials.

Could you tell me where can I find the way how to use a template that I create and I can't find how to include it in a new page?

Thanks a lot

[shubhdigitech]

Hey everyone is telling that if u are making some changes in mobile section it'll will not affect the laptop or tablet version but when i am doing it the complete structure of my website's getting change even though i selected the mobile option & only editing for mobile view then why this is happening can anyone help me out? Please

[Rob-vtmz]

"Since we're in tablet mode it will not affect desktop. " this has never worked for me and there are multiple posts on Elementors community forum regarding this issue. That I have yet to see a staff member address. If someone has seen staff address this anywhere, please let me know as I've had this builder for years and never figured out the problem.

[tahirkh]

hey Elementor thanks for this series of videos. My question is whats the best way to give padding and margin => px, %, EM, REM.

[octavejuste]

Hi! I don't see the 'Reverse Columns on Mobile ' - only the 'visibility' part... (Firefox, OSX 10.12). Is it a bug ? Thanks!

[erikabeaumier]

Hello @Elementor, when I adjust my composition for mobile, I don't have the same options in Responsive. I don't have the reverse options, just the options to hide items.

[yourworldx]

Hi when I go into responsive mode for tablet the image is are all super squeezed to the left and no matter what changes I make it doesn't make any difference

[IATSpring]

5:22 I changed the font size in tablet mode.
But the front size does not change.
Do you know why this happens?
(Front style, weight changes, but not font size)

Best,

[mustafakarymian]

Hi there someone can tell me why responsive page doesn't work well? In my page on mobile desktop and tablet in elementor everything is ok but when i check it some parts don't work well for example slider, emotional title...

[mono]

Hey there... why are the images static in mobile and tablet mode?

[shyboy]

the 100 percent width trick to stack columns doesn't seem to give the same result

[edgarhereandthere]

It all looks good on the surface, till you open an account, then you find out that the verification code system is all messed up and you get locked out - a demonstration of poor development which must also reflect on the product itself. Be aware!

[thusmiley]

Is it just me or does anyone think the instructor's voice sounds like a robot? loll