If you have been struggling with making your websites responsive with Elementor this course is perfect.
In this course, you will learn to utilize Elementor’s mobile responsive editor to create websites that look great on any device.
Get an inside look at how a professional web designer builds websites on Elementor.
Learn how to use inline positioning with your section/column horizontal and vertical alignment. Also known as flexbox.
In this course we will cover:
Module 1 – Responsive Section/Column Settings
-
Introduction (Must Watch)
-
Advanced Section/Column Settings
-
Responsive Mode
-
Responsive Settings
-
Responsive Spacing
Module 2 – Responsive Elements, Custom Positioning & Breakpoints
-
Responsive Background Image
-
Responsive Elements
-
Custom Positioning
-
The Basics Of Breakpoint
Module 3 – Creating A Responsive Homepage & Header/Footer
-
Homepage – Intro
-
Homepage – Desktop
-
Homepage – Tablet
-
Homepage – Mobile
-
Homepage Header
-
Homepage – Footer
Module 4 – Custom Breakpoints
-
Custom Breakpoints For Elements
Who am I?
I grew up in southern California in a Hispanic household with three older brothers. I loved playing soccer growing up.
My website building interest began in middle school, where I was introduced to a website called webs that allowed you to build websites using their website builder.
When I moved on to High school, I learned the basics of HTML and CSS. After that, I was able to build functional HTML and CSS websites from scratch.
When I started college, I took a web design course at my campus, where I was introduced to WordPress. Of course, it wasn’t how it is today, but it was something different than what I was used to.
After college, I started working a job and creating websites on the side. Then, after a few years, Elementor came out, and I started my web design business. I fell in love with Elementor, and I’ve been using it ever since.
I knew I wanted to help people overcome the web design struggles I went through, so I started my channel and created content centered around WordPress and Elementor.
Fast forward to today. I started my first Udemy course to help people mobile-optimize their websites.
I hope you guys enjoy my courses!
Uriel
Responsive Elements, Custom Positioning & Breakpoints
Creating A Responsive Homepage & Header/Footer
Custom Breakpoints
-
10Homepage - Intro
-
11Homepage - Desktop
-
12Homepage - Tablet
-
13Homepage - Mobile
-
14Homepage - Header
CSS:
/*Element Order For Hamburger Icon*/
@media only screen and (max-width:1150px){
selector{
order:2;
}
}
/*Shrink Logo*/
@media only screen and (max-width:800px){
selector{
width:150px;
}
}
@media only screen and (max-width:400px){
selector{
width:110px;
}
}
-
15Homepage - Footer