Adding Custom Elementor Breakpoints (Fixing the Elementor responsive problem)

I dont like being pitched just as much as you do, however, if you're curious about how we help web designers beyond these videos the link below tell you more....

-----------

In this Elementor wordpress tutorial, I am telling you about the custom Elementor breakpoints feature that has been recently released in Elementor Pro. Previously we had a breakpoint problem with Elementor page builder and we were limited to only creating websites on desktop, mobile and tablet devices, but now we have an additional 4 options to add to our toolbox.

Watch this video to fully understand the flexibility of custom media query breakpoints using Elementor without the need to write custom CSS for additional breakpoints.

-----------

FREE PROPOSAL DOCUMENT

Get coached by me with guaranteed success:

🔥Join our NEW Exclusive 6 figure web design group 🔥

Agency Website:

#Elementor #Breakpoints #ResponsiveDesign

[mariusbugeac]

Finally a good tutorial on this topic. Thanks! I didn't notice eighter the settings button on top right :))

[malumias]

Thank you so much for the video! That was exactly what I needed and I couldn't find the right video for a long time! Thank you!!!

[jorsanaalin]

Thank you so much for this video. I was missing different orientations. But everything else here is extremely useful for me. 🕯😊

[KrnPanc]

Vey helpful! I made a nice website and then looked at it on various devices and was upset. This helped a lot XD. Thank you

[vidaltresormba]

Thank you Mr. Parker, you have just gained a subscriber❤❤

[krasavchiklite]

maaan, I was frustrated to find a solution to my responsive design breaking while shrinking the browser, also tablet landscape mode was looking ugly... and I have deadlines ))) Cheers mate! was easier then I expected!

[MasterSpatula]

Thank you so much for this vid... It helped me alot!

[noormohammad]

Thank you your video was really helpful

[macarthurweb]

Thank you, a great video. Quick question though, how can you change header and footer to be responsive to all 7 modes? I've changed ours on the standard three in Customise, but I don't have the breakpoint option to add the others. I hope that makes sense...

[shajibhassan]

Thanks! i am actually searching this. I just at right time.

[melissaw]

Awesome video!! Didn't know those options were there! I came across this video trying to find an answer to previewing and editing when a mobile device is in landscape mode. My site has fixed header images for a parallel effect which looks good from Elementor's 3 previews. When I accessed the site from my tablet and held it in landscape mode, the header images became misplaced. This video didn't address that though I did learn something. Hoping you can help me with what I came here to find out. How to preview and edit in landscape mode for mobile (specifically fixed header images)? Thanks!

[stavkatzux.plained]

great thanks! wasnt familiar with the experiment section .

[ericuk]

Hi, nice video. But how do you do landscape size for mobile and tablet?

[splatattack]

Great video thanks. Just subscribed :)

You mentioned a Desktop first design that cascades down in this video. Can I flip this? I know almost all my target market are going to be using Mobile devices.

What tips might you share for this approach when using Eliminator pro?

Hmm.. next video subject maybe? 🤔

[Kelphaz]

So... Im having an issue where on my desktop when I reduce the size of the website window. I have a stacking menu on mobile and tablet... but when I reduce the size of my window on Desktop lower than 1024px (Where the tablet break point is) it makes the website look really bad, and doesnt start stacking until 920px where it looks good again. Is there a way to fix this?

[Godschild]

It’s crazy how annoyingly complex they make the responsiveness.

[zetcftn]

Thanks, but... All developers talk about this. 100500 blogers decided to tell about this. And they published a video on this topic...
So I cant find how to add brakepoint rules for only one element, not for all pages... cant find today((
It's sad😐

[kshitijrai]

hey need a bit of help after enabling the options to add custom breakpoints its not allowing me to do so in the editor its still shwoing the regular options and not letting me add any beyond them

[clintt]

This seems very clear, but when I look at my mobile layout in the editor, it's how I want it to look. When I load the site in my iPhone 11, it's janked. What's going on? I can't find ANY information on this issue. I assume it's the resolution of the phone, but how to fix it?

[DILLIvalaSHIVAMVlogger]

bro my problem is that i am changing something in laptop mode it automatically changed into desktop version how can I fix it ?