How to make Divi Theme Mobile Responsive | 2024 Tutorial

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

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

  • @WPressDoctor
    @WPressDoctor  Год назад +4

    I hope you can fix your mobile responsive challenges with this video! If you have any questions, let me know! 😁

  • @vanetworking
    @vanetworking 5 месяцев назад +1

    I'm not just a viewer anymore, just subscribed! Thanks for all the tuts. Will keep you in my library for other Divi fixes. ;)

    • @WPressDoctor
      @WPressDoctor  5 месяцев назад +1

      Hi there! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me and thanks for becoming a subscriber! I'm glad I could help you out with your website. Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings

  • @davidrivers2734
    @davidrivers2734 Год назад +3

    Thank you, buddy, you're a gifted teacher and a delight to learn from.

    • @WPressDoctor
      @WPressDoctor  Год назад +2

      Hi David! Thanks man, I really appreciate our kind words! I hope my other video's are also beneficial for you. Have a great day and stay safe!

  • @home-inspections
    @home-inspections 8 месяцев назад +1

    You have taken the frustration out of sections, rows, moduals and make it fun. Thank you! Of course I subscribed. Why wouldn't everybody?

    • @WPressDoctor
      @WPressDoctor  8 месяцев назад

      Hi there! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! Thanks very much for the sub, I really appreciate it! Have a great day and take care! 😃

  • @madisonbeese1666
    @madisonbeese1666 6 месяцев назад +2

    Thanks Matt! I've been getting quite overwhelmed with wordpress and divi but I want to persevere! I know it's the best way but I think I just don't know what to do. Your videos and funny and really helpful!

    • @WPressDoctor
      @WPressDoctor  6 месяцев назад

      Hi Madison! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! I'm glad I could help you out with your website. Keep perservering! It will work someday for you 😊 Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings

  • @YoutubeGhaleb-s8e
    @YoutubeGhaleb-s8e Месяц назад +1

    Hi Matt, thank you so much for this helpful content.

    • @WPressDoctor
      @WPressDoctor  25 дней назад +1

      Hi there! You are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! I'm glad I could help you out with Making Divi Responsive on your WordPress website. Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings

  • @simonwakim9670
    @simonwakim9670 Месяц назад +1

    Thank you for sharing this information. It really solved a problem for me.

    • @WPressDoctor
      @WPressDoctor  Месяц назад

      Hi Simon, wou are very welcome, it makes me happy to read your comment, thank you for taking some time out of your day to write me! I'm glad I could help you out with your Divi WordPress website. Your 👍🏼 and subscribe would be very helpful if you haven't already done so. Have a great day and take care, greetings

  • @Shandhan_bhakta
    @Shandhan_bhakta Год назад +2

    nice video bro

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

      Thanks man! I’m glad it was helpful to you. I hope my other videos are also useful for you! Have a great day and stay safe! 👍🏻😀

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

    Hi Matt and thanks. Have you got this tutorial for enfold too?

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

      Hi there! Thanks for your question. That is a great idea! I will add it to my list of “to make videos” 👍🏻😀 Have a great day and stay safe!

  • @glittergiant897
    @glittergiant897 4 месяца назад +1

    how do you stop seeing all the layers that you've turned off for each device. For example, a picture that i have visible on the phone view and not on the desktop is still hovering on the desktop view. I can see all the layers of items that I've turned off and it makes it confusing. I tried the Ctrl+ F5 key and nothing @WPressDoctor

    • @WPressDoctor
      @WPressDoctor  4 месяца назад

      Hi There! Thanks for the question. Yeah that’s a bit of a problem. You can use the layer mode to work in the website but also the WireFrame View… but I admit, it can get very cluttered!

  • @Larry-is-cool
    @Larry-is-cool Год назад +2

    Hi Matt, isn’t it the case that if you use different measurement scales such as “%” for padding, “rem” for font sizes and “em” for line height, when you design in desktop, then most of this work is automatically done for you on down scale ?

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

      Hi there Larry! Yeah you could try this! It will work in some way, but some scales are scaling on screens that you don’t won’t to scale. So some different layers of blocks or the width of your text column for example. On 4K it turns out really really big while on mobile you think it’s to small… it has its limitations 👍🏻😀

  • @kristamontesa220
    @kristamontesa220 10 месяцев назад

    dang, i'm in love with Divi. Clean interface and easy to learn!

    • @WPressDoctor
      @WPressDoctor  10 месяцев назад

      Hi Krista! Thanks for your comment! It sure is a awesome page builder. And its about to get a whole lot faster and even cleaner interface. Check out my Divi 5 test drive video: ruclips.net/video/lzsoo-nTftg/видео.html 😃 Have a great day and take care!

  • @mjolangoooooooo
    @mjolangoooooooo 3 месяца назад

    when editing on desktop, do you have to save it first before going with the mobile view and save as well so your changes wont affect the other views?

    • @WPressDoctor
      @WPressDoctor  3 месяца назад

      Hi MJ! Thanks for the question. Basicly you don't have to. You can just switch between and save the entire page after you are done 😀 It saves a few clicks here and there!

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

    Hi Matt. I just watched you and Ferdi comparing Elementor with Divi video. Useful. I'm an Elementor user but have a client site using Divi, so I'm just learning it.
    I have an issue I can't fix in mobile view. In the footer there's a section with 5 columns, which looks great on desktop running left to right, one row. In mobile view, the 5 text modules should stack vertically and centrered but they're not behaving. It's putting 2 modules next to each other in pairs, over three rows instead of 5. The last row, a single module is left algning, not centred. I've checked padding, margins, alignment all in mobile view for both row and module settings, nothing seems to fix it. Any suggestions?
    I should mention that viewing it in the Divi mobile view, it looks as it should but in the browser or on an actual phone, it's not correct/accurate.
    Thanks for todays video, I found it helpful.
    I'm quite liking Divi, I think it's the better option for clients that want to make small updates to their own sites, change text, new photos etc...
    Just subscribed.

    • @WPressDoctor
      @WPressDoctor  Год назад +3

      Hi there! Thanks for your comment and questions. In this case I can’t debug the issue as I cannot login to your website. But what you always can do, create a new section in your footer just for mobile devices. So hide it for tablet and desktop and make sure to hide the original section for mobile devices. Then make a new row just 1 column and copy paste all existing modules inside of the new created section and row. Done 😃.
      If you have any questions, let the know! Thanks for subscribing by the way, I really appreciate it 👍🏻😀 Have a wonderful day and stay safe!

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

    thankuiu

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

      Hi Aprende Con Ander! You are very welcome. I'm glad the video was useful! I hope my other video's are also useful for you 😁 Have a great day and stay safe 💪🏼

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

    Hi Matt! Is there any way to add currency exchange module in a wordpress divi website?

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

      Hi there! Thanks for your question! Yeah sure that is no problem I guess. Are you using WooCommerce or is it just a table or…

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

    Hey there! Thank you so much! Best Video out there on this topic I could find! Will check your other Videos soon. You got one more Subscriber + a Like
    I have a question regarding mobile view though. Divi's Tablet view will not work on iPad 12.9 for example. Also most people I know use the Pads horizontal, and not like a book. In the Builder you can set a width for the mobile device.... is that just to see how it looks, or is that actually creating the rule, for divi to start "tablet" mode? What is the easiest way to make sure that the Page looks great on FullHD + UHD + Smartphones with different Screen sizes?
    I am a total noob with CSS, but my friend GPT really got me rolling and teaching me a lot. Would you always use:
    @media screen and (max-width: 1000px)
    .....
    For each device and each setting?
    Have a lovely weekend and good luck with you channel!!!

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

      Hi there! Thanks for your extensive question and kind words! I’m glad I could help you out. Well it’s true that the responsive settings of Divi native are not that great. I actually make sure it fits on tablets and phones, all other sizes will work automatically. If you need many more options and sizes you can take a look at this plugin: wpressdoctor.com/diviassistant and go to the “Divi responsive helper” plugin 😀

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

      Thank you for the fast reply!@@WPressDoctor . Do you leave the Phone and tablet resolution in divi untouched? I could not find new statistics on browsing with tablets. Which tablet was used the most? horizontally or vertically? In 2021 51% of the tablets were running android.... so first assumption to just go the ipad was wrong. Well I just pick the largest phone and tablet to be sure, that everything will be covered.
      I watched the introduction Video about Divi Assistant, but I must say for 80$ /Year the features where a bit underwhelming.... Thanks for the hint anyways. Cheers Mate

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

      Yeah I just use mobile and tablet settings. Well on that website you have to go to another plugin called “Divi Responsive Helper”, not the Divi Assistant.

  • @abc7433
    @abc7433 4 месяца назад

    How did you fix the position of hamburger Toggle Menu during scrolling? Is it custom header you have used? Thanks

    • @WPressDoctor
      @WPressDoctor  4 месяца назад

      Hi Bijay! Thanks for the question. Yes I always build a custom header, because the standard header is just very limited. You can see over here how I build these headers: ruclips.net/video/Xk8d6ukVnZo/видео.htmlfeature=shared&t=1400 Good luck with your adventures. Have a great day and take care. Greetings

  • @AjayiGraceFolayemi
    @AjayiGraceFolayemi 11 месяцев назад +1

    Thank you so much

    • @WPressDoctor
      @WPressDoctor  11 месяцев назад

      Hi Ajayi! You are very welcome. I'm glad I could help you out with this video! Have a great day and take care 😁

  • @onlineresultscoach
    @onlineresultscoach Год назад +2

    Many thanks, after much searching I found your video and was able to resolve the issues with my mobile page. Much appreciated 😊

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

      Hi there! You are very welcome. I'm glad you could solve your issues with this video. Have a great day and take care! Good luck with the Online Results Business 😁

  • @IAMShivana
    @IAMShivana 6 месяцев назад +1

    🎉wow u are a brilliant teacher. What are your rates to fix up all that stuff on my new website? I’m creating a website for a worldwide mission awakening people across the world. I have a AI generated template and it’s taken me for ever to just do the front page. I havnt worked on Divi for a few years and it’s very slow going for me. Regards Saren 😊

    • @WPressDoctor
      @WPressDoctor  6 месяцев назад +1

      Hi Saren! Thanks for the kind words! That sounds like a awesome project! Well I’m on holiday so I won’t be able to help you until September. I don’t know if you want to hire me, I’m not cheap 😎. Drop me a email at the@wpressdoctor.com so I can see your website and give you a quote 💡

  • @PenelopeCrescibene
    @PenelopeCrescibene 9 месяцев назад

    Wha am I missing? Although I choose mobile settings only, the desktop always changes too! 😫😫😫😫

    • @WPressDoctor
      @WPressDoctor  9 месяцев назад

      Hi there! Thanks for the question. That is not supposed to happen! Are you on the latest version of Divi?

    • @sweetsleep3074
      @sweetsleep3074 9 месяцев назад +1

      I’m having the same issue too. Just wasted 2 hours of work and spent 5 hours fixing it.

    • @griffinkirkland9087
      @griffinkirkland9087 2 месяца назад

      @@sweetsleep3074 thank you for your comment
      this is the only thing I came here for
      MOBILE VIEW AFFECTING DESKTOP VIEW
      I think this is a bug from Divi