1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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

Theme Builder Issues Not Showing Up Properly Desktop Tablet Mobile

Discussion in 'Free Divi Community Forum' started by Manny Fernandez, May 4, 2020.

  1. Manny Fernandez

    Manny Fernandez New Member

    http://testing.cdamktg.com/video-library/

    This is the website. On tablet and mobile the header isn't full width I don't know how to fix it? I've tried everything why is this happening!

    Please any and all help is greatly appreciated. I need the buttons positioned to the right as I have set them with a .5 to 1px sepation. I gave them a btn.-inline class and set them to inline-block in css to have them side by side and the logo has a float: left property.

    This is becoming very frustrating. Please can anyhone help?

    Thank you.
     
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    It's due to your Row Settings Width option for tablet & mobile. Will need to change it to 100%.

    Alternatively, you may try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  3. Manny Fernandez

    Manny Fernandez New Member

    I have set the row width's to 100% as you mentioned and they weren't 100% so I am hoping that will fix it. Caching issues god knows where are casuing the site to not show changes right away and it's becoming a headache to say the least. I basically did as many changes as possible and I'll see where I went wrong once I wake up. Really upsetting these caching issues. It's impossibnle to work this way. I got hired to do this global header and just got presented the website but working like this --i'm sorry there's no way. I have disabled the static css and I also removed the hummingbird plug in that does caching. That hasn't solved anything.

    Sigh.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    The width looks fine to me now. It's 100%.
     
  5. Manny Fernandez

    Manny Fernandez New Member

    i’m having 2 issues where

    1) in mobile the text of the text module on top is not becoming small and it’s weeping over to the second line. i try to set the font size but it doesn’t set for some reason. that ultimately i guess would fix that the text wraps over to the second line but it’s not

    2) also in landscape mode in mobile it seems as though it’s NOT full width but it could just be my safari browser on my iphone??
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    You should be able to set the font size in the module settings.

    Alternatively, you may try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Looks fullwidth to me. Any screenshot on that?
     
  7. Manny Fernandez

    Manny Fernandez New Member

    ok i will try the css settings to make the font smaller...

    here is screenshot of landscape mode
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    I believe that happens for all other websites. Try to view other websites & see if there are those blank spaces on the sides.