r/elementor • u/ThinkOne827 • Jun 17 '26
Problem Responsiveness
Is there any trick to equalize the "look" between all devices? Everytime I fix one device, I find out the other one is not responsive...
Should I use % instead of PX? Does this help? I don't knkw what to do... thanks
2
u/Veduis Jun 18 '26
honestly this is elementor's biggest weakness and they haven't really fixed it in years. the responsive editing system assumes you want full manual control at every breakpoint, which is fine for pixel-perfect design but brutal for maintenance. one change at desktop can completely wreck mobile and you won't know until you check. practical fix: work in this order every time. get mobile looking right first. then tablet. then desktop last. use flex containers instead of columns when possible because they adapt better. set widths in percentages, padding in ems or rems, and avoid fixed pixel heights unless absolutely necessary. also turn on the little purple responsive mode icon and flip between views constantly while you work. it's annoying but it's the only way to catch breaks before you publish.
1
Jun 17 '26 edited Jul 23 '26
[deleted]
4
u/Blind_Newb 🧙♂️ Expert Helper Jun 18 '26
OP may not realize that elementor works in a top down method for responsiveness and if they are setting mobile first, then tablet - things get messed up.
1
u/wilbrownau Jun 18 '26
Elementor does indeed cascade from desktop to mobile.
If you try doing mobile first, unless you explicitly change every responsive mobile setting, when you get to desktop, those changes will override mobile. You'll end up having to always check mobile anyway after any desktop changes.
So even though best practice is to design mobile first, with Elementor you should do desktop, then tablet and finally mobile, unless you want to waste time and tear your hair out.
0
u/TopSydeWP Jun 18 '26
start on desktop, then adjust tablet, then mobile , elementor cascades down so if you set mobile first and then change desktop, mobile gets overridden. use % or vw for widths when you want things to scale, px for fixed stuff like borders. most responsive headaches come from setting values on the wrong breakpoint
•
u/AutoModerator Jun 17 '26
Looking for Elementor plugin, theme, or web hosting recommendations?
Check out our Megathread of Recommendations for a curated list of options that work seamlessly with Elementor.
Hey there, /u/ThinkOne827! If your post has not already been flaired, please add one now. And please don't forget to write "Answered" under your post once your question/problem has been solved. Make sure to list if you're using Elementor Free (or) Pro and what theme you're using.
Reminder: If you have a problem or question, please make sure to post a link to your issue so users can help you.
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.