1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi Builder Mobile responsive dosen`t work

Discussion in 'Free Divi Community Forum' started by Jebu, Aug 22, 2019.

  1. Jebu

    Jebu New Member

    Dear Community, I'm relatively new to Divi and just built my first page (using Divi-Child-Theme; www.thera-torso.ch). For the desktop version, most of the things work just fine. However, when it comes to the version for mobile phones, I have some real issues:

    • In the Divi-builder mobile, I can see everything centered. However, if I save the changes and then open the exact same page with my actual phone (Samsung Galaxy S9, Huawei Mate 20 Pro, others), things are not centered and I can even "scroll" to the right, where the background then is completely white (see screenshots attached)
    • Changes made in the builder (and shown in the preview of the mobile builder) do not have any impact to the "real" mobile version
    • I already tried different solutions, none of them with success: 1. I de-installed all non-necessary plugins, 2. I experimented with different CSS codes, none of them changed anything, 3. I deactivated the options "reduce and combine Java Script data" (hope this is correct in the English version, I'm using the German one), "reduce and combine CSS data" and "creation of static CSS data"
    Any input is highly appreciated.

    Thank you already in advance.
     

    Attached Files:

    #1 Jebu, Aug 22, 2019
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's because of the settings in your section, row & modules. You are using transform, weird padding, weird width, etc, which is causing it to behave that way in mobile.

    You might want to go to each section / row / module settings & change the settings in mobile to be the default value.
     
    #2 Divi.Help, Aug 22, 2019
  3. Jebu

    Jebu New Member

    Hi, thank you very much for your answer.

    What are the default values I have to enter? Or is there an option to set it to default values? And does this in consequence mean that I have to stick to default settings for desktop, tablet and mobile version (which would mean that I have to build everything from scratch again) or are these versions independent from each other?

    Thanks and regards
     
    #3 Jebu, Aug 24, 2019
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Default value is different for different settings.

    I recorded a short video to show what I meant: https://recordit.co/FuBXiOP3BO

    You will need to change the tablet value back to the default ones as per the video.

    I see that you used a lot of custom width, padding, negative margin & transform, which might be hard for you to set everything back to default in mobile. I would recommend you to just rebuild it without relying much on negative margin, custom width & transform tools.

    For my personal advice, for these tools (negative margin, custom width & transform tools), it should be used to create subtle effect only & not to position your elements.
     
    #4 Divi.Help, Aug 24, 2019
(You must log in or sign up to post here.)