How to Make Divi Responsive (Easy Methods!)

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 26

  • @danatavares2038
    @danatavares2038 2 года назад +1

    Thanks much. This is the answer to the main issues I’ve been having regarding responsiveness that’s been bringing me nuts for several days.

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      Awesome, I'm so glad to hear it! Thank you :)

  • @AndreaOpYoutube1992
    @AndreaOpYoutube1992 Год назад +1

    Thanks! This gave me hope

    • @WadeMcMaster
      @WadeMcMaster  Год назад

      Thank you, im glad it was helpful :)

  • @HyperiaXD
    @HyperiaXD 2 года назад +2

    Good video :) I hope you get more views and subscribers cause you deserve it!

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      Thank you very much for the compliment! Im glad you liked the video :)

  • @tamunotonyespencer922
    @tamunotonyespencer922 2 года назад +1

    Thanks for the video... Very helpful

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      No problem, thanks for watching the video!

  • @sonchoydas
    @sonchoydas 2 года назад +2

    Your videos are fantastic! keep up the good work, mate!

    • @WadeMcMaster
      @WadeMcMaster  2 года назад +2

      Thank you Sonchoy! Always uplifting feedback. Have a great day mate!

    • @WadeMcMaster
      @WadeMcMaster  2 года назад +1

      Thank you Sonchoy! Always uplifting feedback. Have a great day mate!

  • @ganesha123100
    @ganesha123100 2 года назад +1

    Nice video, thanks

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      No problem, thank you for checking it out!

  • @piyushdhuri-g9y
    @piyushdhuri-g9y Год назад +1

    hello can you help with the module misplacing in mobile mode how to edit that interface ? in DIVI builder

    • @WadeMcMaster
      @WadeMcMaster  Год назад

      Sorry Im not sure what you mean, what exactly is happening?

  • @enricoianniello5611
    @enricoianniello5611 Год назад +1

    if i got some code on the page can i use @media screen and (min-width:...) { classes } in css? changing the min-width if i'm working on tablet or phone....

    • @WadeMcMaster
      @WadeMcMaster  Год назад

      Undortunately Not in a modules css area, you can change from.desktop to tablet to phone for each field though. Otherwise id go.up and add a class or id, the go to the custom css in the theme customizer itself. Hope that helps! :)

  • @thewillage
    @thewillage 2 года назад +1

    Thanks for the great explaination. I am having an issue when I disable a row module for desktop and I remove the 50% view of disabled view of the row. There is still a gap where the disabled module was. And that throws off my ability to acurrately design the page with those clear gaps of the disabled module. Boy I hope that made sense. Please help if you can. Thanks

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      Thats annoying. Is it alone in a section? If you can disable the whole swction that could work.
      Otherwise, there may be some padding or margins in surrounding elements that may need adjusting for different device settings. I hope that helps!

  • @DoDeH1
    @DoDeH1 2 года назад +1

    Hi... On 11:39 when you switch between desktop/tablet/phone mode how did you do the picture to shrink? I mean even while you are expanding the view with the mouse the picture reveals more.... I would apreciate the help.

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      They're 2 different pictures. Under the background settings I hit the phone icon, and under tablet and phone I uploaded a different image so it switched it. If the background image is set to 'cover' in the underneath settings it also crops depending on the size of the area it is in, so by expanding it reveals more of the image it cropped in order to fit. Does that make sense?

    • @DoDeH1
      @DoDeH1 2 года назад +1

      @@WadeMcMaster Hi... Thank you... I get it but there's one problem I have now... The landscape mode on phone... It stretches the image. How to make it trigger the desktop image since it's a 16:9 ratio?

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      @@DoDeH1 Oh I'm not sure if a simple way to do that. That's getting pretty custom and would require some CSS code. Are you familiar with CSS in any way? Otherwise, it may not be possible with Divi's out of the box features.

  • @raepascual2168
    @raepascual2168 2 года назад +2

    Hello! Great video :D I usually edit Mobile responsiveness inside Divi builder but with the website that I'm doing now, the mobile edits affect the desktop version. :/

    • @WadeMcMaster
      @WadeMcMaster  2 года назад

      Man thats really odd? Is everything been updated to the latest version? That shoildnt happen :(

    • @chantal3101
      @chantal3101 Год назад +1

      This is happening to me too 😢