Тёмный

Using Flex Positioning with Elementor - Improve Speed Performance & Reduce Code Bloat 

Jeffrey @ Lytbox
Подписаться 24 тыс.
Просмотров 16 тыс.
50% 1

My goal is to create a community for Web Designers, Developers, Freelancers, and Elementor enthusiasts to learn the design & business side of creating websites.
Got questions? You can reach me anytime - lytboxacademy.com/contact/
===================================
🟣 ////// Learn Powerful SEO for WordPress
lytboxacademy.com/seo-for-wor...
===================================
🟢 ////// Master Elementor with Better Designs
lytboxacademy.com/design-with...
===================================
🔵 ////// Learn to Build and Sell WordPress Maintenance & Care Plans
lytboxacademy.com/maintenance...
===================================
🏆 ////// Become a Lytbox Pro Member
lytboxacademy.com/the-academy/
===================================
🌟 ////// Personal 1-On-1 Elementor Training
tidycal.com/lytbox/elementor-...
===================================
////// The Hosting I use:
👉 Hostinger (Best for beginners & smaller budgets)
www.hostg.xyz/SHDX8
👉 Cloudways (Best for scaling web businesses)
www.cloudways.com/en/?id=485185
👉 RunCloud (Best for professionals)
runcloud.io/
////// WordPress Tools I use:
👉 Bricks Builder
bricksbuilder.io/
👉 Elementor
be.elementor.com/visit/?bta=4...
👉 Breakdance
breakdance.com/ref/390/
👉 Crocoblock
crocoblock.com/?ref=2021
👉 SEOPress Pro
www.seopress.org/?ref=854
👉 Perfmatters
perfmatters.io/?ref=1230
👉 WP Umbrella
wp-umbrella.com/?fpr=jeffrey83
👉 InstaWP
instawp.com/?via=jeffrey
Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementorflex #elementorflexbox #elementorspeedoptimization

Хобби

Опубликовано:

 

1 авг 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 94   
@NeoOnyx
@NeoOnyx 2 года назад
I just wanted to point out that VW under Positioning does not stand for Vertical Width (which doesn’t make any sense if you think about it 🤓). VW stands for Viewport Width, so it takes up a certain amount of space, depending on the device you’re using to view the page.
@LytboxStudio
@LytboxStudio 2 года назад
Always in the process of learning. And makes more sense. Thanks!
@fanofcameron
@fanofcameron 2 года назад
The first tutorial in which I didn't find the music disturbing. You are really a master in explaining things clearly!
@LytboxStudio
@LytboxStudio 2 года назад
I'm so glad to hear this! I've always been conflicted if I should add background music or not.
@markanthonybanong1241
@markanthonybanong1241 2 года назад
would be watching out all of your videos from now on
@LytboxStudio
@LytboxStudio 2 года назад
Many Thanks 🙏💜
@orianospecialone7301
@orianospecialone7301 2 года назад
Amazing!!! From Angola, congrats for the video.
@LytboxStudio
@LytboxStudio 2 года назад
Many Thanks from Thailand 🇹🇭🙏💜
@frankstone
@frankstone 2 года назад
I just found this tutorial and LOVED your presentation and attention to detail. I rang the "bell" and will be looking forward to hearing from you again. Thank you for the help you provide us WordPress newcomers.
@LytboxStudio
@LytboxStudio 2 года назад
Thanks Frank, I am so glad to hear this and happy to help. I'll make sure to keep them coming.
@gotta-date-with-hate
@gotta-date-with-hate Год назад
You do a fantastic job of the content you provide, breaking things down and being clear, concise and easy to understand for people just learning..Many times channels zoom through instructions or worse it's very difficult to understand what they are saying.. nice sleeves btw...
@elobardo
@elobardo 2 года назад
Just Brilliant! Thank You! Great teaching skills for a so-needed explanation.
@LytboxStudio
@LytboxStudio 2 года назад
I'm so glad it helped
@wilkovanderploeg
@wilkovanderploeg 2 года назад
Thanks for the great tutorial, just one little correction. VW isn't 'Vertical Width' but 'Viewport Width'. (from the 25:30 mark)
@LytboxStudio
@LytboxStudio 2 года назад
Yah I caught that:) Good catch
@TheMav75
@TheMav75 2 года назад
Really really good stuff!! It was like a lightbulb moment for myself as new to Elementor, keep it up man!
@LytboxStudio
@LytboxStudio 2 года назад
So glad to hear!
@stanleyd777
@stanleyd777 2 года назад
God bless you, Jeffrey! I'm looking forward to watching your next videos!
@LytboxStudio
@LytboxStudio 2 года назад
I appreciate that! Many Thanks 🙏💜
@jcarlin596
@jcarlin596 2 года назад
Another outstanding tutorial. Not only the 'how to' but also the 'why' of doing things.
@LytboxStudio
@LytboxStudio 2 года назад
I appreciate that Jim, big thanks! 🙏
@soc1a
@soc1a 2 года назад
You're a legend dude. Super valuable knowledge in all of your videos, always appreciated!
@LytboxStudio
@LytboxStudio 2 года назад
I appreciate that! Many Thanks 🙏💜
@MJScottPhoto
@MJScottPhoto 2 года назад
VH and VW stands for Viewport Height and Viewport Width.
@LytboxStudio
@LytboxStudio 2 года назад
Yep my mistake 😅
@franktielemans6624
@franktielemans6624 2 года назад
vw is not 'vertical width' but viewport width vh is viewport height.
@LytboxStudio
@LytboxStudio 2 года назад
I caught that after the video. Good catch thanks!
@moondodelarte9656
@moondodelarte9656 2 года назад
How is this video not viral yet? Thank you so much for this amazing tip! Will be looking out for all your future videos! Thanks mate!
@LytboxStudio
@LytboxStudio 2 года назад
Haha hopefully the next one will be ;)
@comleonmoto
@comleonmoto 2 года назад
Just discovered your RU-vid channel and what a nice surprise! Clear and interesting explanations, nice flow; I look forward to watching your other videos. Thanks a lot!
@LytboxStudio
@LytboxStudio 2 года назад
So glad to hear. Thanks! 🙏
@ShivSharma786
@ShivSharma786 2 года назад
You deserve million likes and audience for this wonderful presentation.With only 25 mins of your tutorial you really correct my major bad habit of how I was using elementor.Thank you so much.
@LytboxStudio
@LytboxStudio 2 года назад
Wow, thank you!
@BradK02
@BradK02 2 года назад
You explain concepts very well. I know my way around these tools very well but you make the idea behind it very understandable.
@LytboxStudio
@LytboxStudio 2 года назад
Thanks I appreciate that!
@ozartdesign
@ozartdesign 2 года назад
Awesome vid, have been looking for this type of down-to-earth real world examples, Thanks heaps keep up the great job!! Just subscribed & moved you up to the top of my list :)
@LytboxStudio
@LytboxStudio 2 года назад
So glad to hear. Thanks! 🙏
@IsotonikStudios
@IsotonikStudios 2 года назад
Excellent intro to flex, I’ll be back for more of this!!
@LytboxStudio
@LytboxStudio 2 года назад
Many Thanks 🙏💜
@melaniem9578
@melaniem9578 2 года назад
Super helpful! Will definitely use this. Thank you!
@LytboxStudio
@LytboxStudio 2 года назад
I'm so glad to hear!
@carlosreyes6612
@carlosreyes6612 2 года назад
this tutorial is pure gold ! thanks man
@LytboxStudio
@LytboxStudio 2 года назад
Thanks Carlos! So glad to hear this!
@MuzmmalFraeed
@MuzmmalFraeed 2 года назад
Thanks for more information 👍
@LytboxStudio
@LytboxStudio 2 года назад
Much appreciated!🙏
@FirebrandVOCALS
@FirebrandVOCALS 2 года назад
Fantastic Tutorial -- Worth its weight in Gold m8! Cheers!
@LytboxStudio
@LytboxStudio 2 года назад
Glad you think so!
@williamdavid4617
@williamdavid4617 2 года назад
Hello from the French countryside! Thank you for those excellent tips and tips! I just subscribed to your useful RU-vid Channel.
@LytboxStudio
@LytboxStudio 2 года назад
Thanks for the sub! And hello from Thailand! 🇹🇭
@paulhildmann8392
@paulhildmann8392 2 года назад
Thanks, that was very helpful! 👍
@LytboxStudio
@LytboxStudio 2 года назад
I'm glad it helped!
@TheCreativeRod
@TheCreativeRod 2 года назад
Wow. This is going to be extremely useful going forward.
@LytboxStudio
@LytboxStudio 2 года назад
I am glad to hear! Thanks 🙏
@jdeanford
@jdeanford 2 года назад
Agreed with comments, fantastic tutorial leaving out the fluff, thank you.
@LytboxStudio
@LytboxStudio 2 года назад
Many Thanks 🙏💜
@autumnmaze3952
@autumnmaze3952 2 года назад
this is really helpful! thank you for sharing this :)
@LytboxStudio
@LytboxStudio 2 года назад
Many Thanks 🙏💜
@wayniesinclair
@wayniesinclair 2 года назад
Can't wrap my head around it with the background music
@LytboxStudio
@LytboxStudio 2 года назад
Thanks for the feedback. I have wondered about if I should use or not use background music. I appreciate the feedback
@DucVietTran
@DucVietTran 2 года назад
You saved my life!
@LytboxStudio
@LytboxStudio 2 года назад
Haha thanks! Much appreciated 🙏
@swiftwraith
@swiftwraith 2 года назад
great video as usual Jeff, have also just signed up to the course ;)
@LytboxStudio
@LytboxStudio 2 года назад
Yo Anthony! Thats great mate!
@felixrivera2691
@felixrivera2691 2 года назад
Thanks! I was looking to do this with CSS. This way is much faster!
@LytboxStudio
@LytboxStudio 2 года назад
Many Thanks 🙏💜
@duailytami4135
@duailytami4135 2 года назад
You are great educator
@LytboxStudio
@LytboxStudio 2 года назад
Wow, thank you!
@duailytami4135
@duailytami4135 Год назад
@@LytboxStudio rewatching this vid, hahahah, thank you so much!
@tjveach
@tjveach 2 года назад
Nice job well done
@LytboxStudio
@LytboxStudio 2 года назад
Thanks!
@Amerikrainian
@Amerikrainian 2 года назад
But why do you use padding instead of margins for your sections? I heard you mention it, and I've always wondered which one (padding vs margin) is the best practice, or at least what other designers do. Can you elaborate?
@LytboxStudio
@LytboxStudio 2 года назад
Great question and I am currently creating a video going in-depth on when to use padding and margins. Short answer, margins push elements away and that’s why not to use on sections because it it best to have sections stack on top of each other. The padding pushes inside an element so to create space inside a section, it’s best to push the elements inside. My video will explain better. Should be ready next week.
@blakemiller8811
@blakemiller8811 2 года назад
​@@LytboxStudio Awesome video. I noticed that too and wondering the same thing. Did you ever do the Paddings vs Margins video?
@dancastady8571
@dancastady8571 11 месяцев назад
Me, when I need help and see this guy has a video about it. 🤩
@re66044
@re66044 2 года назад
My site can use someone like you to fix it’s page speed on mobile. I created the site but never claimed to be a web designer.
@LytboxStudio
@LytboxStudio 2 года назад
Sorry for the late reply, I was taking time off and back now. Were you able to find a fix and your mobile sped up?
@exceed8747
@exceed8747 2 года назад
Great Tutorial! I created a header with the Flex positioning and I'm having issues with the mobile versions. Do you know a workaround?
@LytboxStudio
@LytboxStudio 2 года назад
For mobile switch the position back to default or 100%. I rarely would use inline or custom width on mobile, only desktop and tablet. I hope that helps
@nadeemmalik0
@nadeemmalik0 2 года назад
Positioning has some advantages as well as some disadvantages like spacing
@LytboxStudio
@LytboxStudio 2 года назад
What are the pros and cons you see?
@YasienSarlie
@YasienSarlie 2 года назад
Hey, hope you're doing well. Nice one 😉
@LytboxStudio
@LytboxStudio 2 года назад
Thanks Yasien. I hope you're staying safe and healthy and much appreciated 🙏
@blackwomenlovesexinc.3602
@blackwomenlovesexinc.3602 2 года назад
Love the video. Not in Elementor's free verson. Thank you, though.
@LytboxStudio
@LytboxStudio 2 года назад
Not much is in the free version:) Need to get the Pro to unlock the power of Elementor! 💪
@tjveach
@tjveach 2 года назад
Of course if Elementor ever gets CSS grid going, it would be great …
@LytboxStudio
@LytboxStudio 2 года назад
That would be sweet. I think it's safe to predict that happening in the future. Personally I like using Flex mostly because it's easier, but Grid is better for performance and will be interesting to see how it will work on ELementor.
@jayleno007
@jayleno007 2 года назад
I've checked everywhere and I don't have the positioning tab in advanced settings. I have elementor pro and it's updated. Am I missing something?
@LytboxStudio
@LytboxStudio 2 года назад
Hey Jaylynn indeed there was an update and the positioning tab was removed. You can find the same setting now in the Advance under the Margin and Padding setting at the top
@LytboxStudio
@LytboxStudio 2 года назад
I’m in the process of creating an updated video to help show the changes Elementor has made with their setting for flex positioning. Same method just new and better setting and options.
@anna-anna-bo-banna
@anna-anna-bo-banna Год назад
You are so genious, will you marry me - and do websites aaaall day long?? 😂💪🏼😎❤… Thank you so much AGAIN for a great tutorial 🙌🏼
Далее
How to Use Web Design Systems with Elementor
20:25
Просмотров 22 тыс.
OVOZ
01:00
Просмотров 812 тыс.
How to SEO Optimize Your Elementor Headers & Menus
17:33
12 NEW HERO LAYOUTS YOU CAN STEAL
13:46
Просмотров 118 тыс.
I found a way to never use Pixels again in Elementor
15:07
Elementor Flex Wrap & No Wrap Explained!!!
6:34
Просмотров 23 тыс.
The Sidi Rex Boots🔥 #motorcycle #racing #shorts
0:14
Как мы назвали малыша?
0:40
Просмотров 2,2 млн