How to Use Custom Positioning Units For Best Mobile Responsive Behavior
ฝัง
- เผยแพร่เมื่อ 20 มี.ค. 2019
- 2022 UPDATE: Width and Position (previously named Custom Positioning) can now be found under the Advanced ▸ Layout tab.
Learn how to use the custom positioning units (px.%, VH, VW) with responsive behavior in mind.
You will learn:
✔︎ The difference between px, %, VH & VW
✔︎ How to properly use these values
✔︎ Best positioning practices for mobile responsive behavior
Learn more about custom positioning here: • Do's & Don'ts: Absolut...
Learn More: elementor.com/blog/introducin...
Get Elementor Pro: elementor.com/pro/ - แนวปฏิบัติและการใช้ชีวิต
2022 UPDATE: Width and Position (previously named Custom Positioning) can now be found under the Advanced > Layout tab.
this video is 4 years old but still helpedme with responsive troubles im having! although the issue wasnt solved the same way as explained here, since im using flexbox container, it really made me realize that elementor has so many ways to do the same thing and one of them is bound to work
thank you for the video!!!
Why not make "absolute positioning" responsive? I mean, why not allow us to enable absolute positioning in desktop mode, but have it remain non-absolute in tablet and mobile mode?
This is a primary feature of sites like Wix, which allow you to drag and drop anywhere all the time in the desktop mode. They get away with this by making the elements centered in a grid format in responsive modes (for which they only have a mobile phone), which you can manipulate as normal, but not is true absolute mode. That said, what you're showing here is an obvious workaround. Just position the absolute settings in each of the responsive modes.
Loving Elementor, by the way. Thanks for the great work and regular updates!
In a perfect world all of the elementor settings would be responsive. :)
Great explanations. Thank you so much for this Z👊
Great!!!! Please more tutorial videos like this
Perfecto! Muchas gracias por su gran trabajo
Amazing vid and breakdown!$ 🙌🏻🎉💪🏻📱❤️💯
very important!! thank you!!!
Amazing tutorial, thanks a lot
Elementor is getting more and more professional. Thanks guys
Oops, I am reading this comments from 4 years back.
Elementor is still getting more and more professional until today back from 4 years!!
Thank you for the video!
MARAVILHOSO...OBRIGADA. KIKI BASTOS
Very professionally presented👍
You are awesome !!
Wow! Great work, this is a major update. I wonder if I will ever look at CSS again??!?
I would also appreciate to have these options also for sections etc.. :)
Can't wait to content animation motion to be released!
Important part of elementor
Thank you! What app/widget did you use for responsiveness demonstration?
It's the browser's inspect responsive mode
Is this preview on the safari? @@zivgeurts
@@pmmjunior it's in Chrome
how did you do that responsive browser preview ?
Use inspect tool of your browser
Is this no longer accurate?
I don't have the custom positions option - I have "mask" instead, which doesn't seem to do the same thing.
Hi Dustin, Width and Position (previously named Custom Positioning) can now be found under the Advanced > Layout tab.
Please my friends i beg for help
I have the latest elementor pro version but mine doesn’t have the ability to move sections this easy with the mouse! I can’t move sections or widgets just like the video can sb pls help me?what should i do?does it have any specific settings or what?
Hi Hossein, have you tried opening the Navigator (CMD or Control + I) and dragging sections from there? If that doesn't help, please contact support directly from the Elementor dashboard.
Try to make it like wix it's better for all of us
Hi, I designed a website from scratch. I want to covert the homemade website to a mobile friendly environment. Could you assist?
Hi Maleick, check out video on responsive design: th-cam.com/video/EqFxeluk4U4/w-d-xo.html
Clever but for general web design the standard grid system is much better.
OMG I don't understand! I feel so dumb.
No worries, you're not the only one here.
First time I didn't understand anything
this video is no longer accurate - your screen in the video DOESN"T MATCH my screen
Hi Annie, Width and Position (previously named Custom Positioning) can now be found under the Advanced > Layout tab.
Thank God I never learned from him i swear i did not even understood what he is trying to tell us sorry bro but the video is not made attractive you were not interactive and specific it was more like a news reader reading news in early (1990s )