Adding Custom Elementor Breakpoints (Fixing the Elementor responsive problem)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 47

  • @myknowledgeevolution
    @myknowledgeevolution 2 หลายเดือนก่อน

    Thank you, Tristan! I had been struggling with my tablet's landscape orientation for three hours, and your clear instructions finally resolved my issue. Although I’m using a newer version of Elementor where navigating to the Breakpoints setting was slightly different, I was able to find it without too much trouble. Thanks again!

  • @mariusbugeac5634
    @mariusbugeac5634 2 ปีที่แล้ว +1

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

  • @malumias
    @malumias ปีที่แล้ว +1

    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!!!

  • @marvincibel8712
    @marvincibel8712 หลายเดือนก่อน

    Thanks for the video! The problem is I always find is that if I change the size of a breakpoint in elementor, the various addons don't follow these new dimensions but keep those of the standard breakpoints

  • @KrnPanc
    @KrnPanc ปีที่แล้ว +1

    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

  • @jorsanaalin6951
    @jorsanaalin6951 7 หลายเดือนก่อน +1

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

  • @krasavchiklite
    @krasavchiklite 2 ปีที่แล้ว

    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!

  • @clintt5266
    @clintt5266 2 ปีที่แล้ว +3

    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?

    • @sundar_
      @sundar_ ปีที่แล้ว

      Help me my site is breakpoints are collapsed how to make them default again 🥲

    • @danellareining5708
      @danellareining5708 ปีที่แล้ว

      Yes! This is my exact problem! I can't find it addressed anywhere.

    • @vidyutwasnik
      @vidyutwasnik ปีที่แล้ว

      I too am dealing with the same problem. Please someone help if you know any solution to this man! I am super frustrated 🥴

    • @flyingff6939
      @flyingff6939 ปีที่แล้ว

      If anyone has any solutions please reply to me .

    • @clintt5266
      @clintt5266 ปีที่แล้ว

      Are you working in Safari by any chance? I was, and switched to Chrome and that cleared up a lot of these types of bugs.

  • @shajibhassan1847
    @shajibhassan1847 ปีที่แล้ว

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

  • @vidal_webmaster
    @vidal_webmaster ปีที่แล้ว

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

  • @kshitijrai5346
    @kshitijrai5346 9 หลายเดือนก่อน

    hey need a bit of help here.....even 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

  • @MasterSpatula
    @MasterSpatula ปีที่แล้ว

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

  • @Godschild31695
    @Godschild31695 2 ปีที่แล้ว +8

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

  • @Kelphaz
    @Kelphaz 2 ปีที่แล้ว

    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?

  • @DILLIvalaSHIVAMVlogger
    @DILLIvalaSHIVAMVlogger 8 หลายเดือนก่อน +1

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

    • @tristanparker
      @tristanparker  8 หลายเดือนก่อน

      Try also changing it to how you want it in desktop mode. If you assign styles on mobile or tablet and NOT desktop, then it will assume mobile first design and favour those.
      Let me know if that makes sense or not

  • @mattiskubisa
    @mattiskubisa 11 หลายเดือนก่อน

    thank you soo much man, helped a lot

  • @ИванМеньшиков-э3ъ
    @ИванМеньшиков-э3ъ ปีที่แล้ว +1

    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😐

  • @macarthurweb
    @macarthurweb 2 ปีที่แล้ว +1

    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...

  • @ericuk9481
    @ericuk9481 2 ปีที่แล้ว +1

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

  • @melissaw7
    @melissaw7 2 ปีที่แล้ว +1

    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.plained1043
    @stavkatzux.plained1043 ปีที่แล้ว

    great thanks! wasnt familiar with the experiment section .

  • @10xiBlueprints
    @10xiBlueprints 11 หลายเดือนก่อน

    This was fantastic thanks!

  • @victorejiofor8115
    @victorejiofor8115 10 หลายเดือนก่อน

    You are a life saver

  • @Bayram_Sener
    @Bayram_Sener ปีที่แล้ว

    its so simple tell me how u can doing a custom breakpoint in Responsive Menu ? example laptop breakpoint --> hamburger Menu ?

  • @noormohammad3156
    @noormohammad3156 2 ปีที่แล้ว

    Thank you your video was really helpful

  • @sunrise1295
    @sunrise1295 ปีที่แล้ว

    Hi..if am applying in mobile device, its changing on laptop...tooo
    Why

  • @antoniogarcia9271
    @antoniogarcia9271 2 ปีที่แล้ว

    Awesome video. Thank you!!!

  • @alvarez958
    @alvarez958 2 ปีที่แล้ว

    Hello Web DL my transitions make desapear images and text on iphone, any help please !!!!!!!

  • @splatattack
    @splatattack 2 ปีที่แล้ว

    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? 🤔

  • @ericuk9481
    @ericuk9481 2 ปีที่แล้ว

    Thanks for the video

  • @jcarlin596
    @jcarlin596 2 ปีที่แล้ว

    Good to know. Thanks

  • @anthonychurch1567
    @anthonychurch1567 6 หลายเดือนก่อน

    Elementor is ridiculous 767px is a tablet not mobile. Now everything breaks when trying to get it to work on an actual mobile, you know that fits in your pocket like an iPhone.

  • @javieryranzo393
    @javieryranzo393 2 ปีที่แล้ว

    great! thanks!

  • @nicolascarrillo4355
    @nicolascarrillo4355 ปีที่แล้ว

    thanks!!!!

  • @trafegocopy5680
    @trafegocopy5680 2 ปีที่แล้ว

    Thank yooou!!!!

  • @AW-zc1rf
    @AW-zc1rf 2 ปีที่แล้ว +2

    Great, push people to write in your comments and dont answer anything... not gonna watch any of your videos and no recommendation. bye

    • @tristanparker
      @tristanparker  2 ปีที่แล้ว +1

      No problem. Some comments do get missed. All the best

  • @emekachukwu3442
    @emekachukwu3442 ปีที่แล้ว

    hey you know your stuff but spend too much time beating around the bush