1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi.Help Pro One-Page Layouts - Beautifully crafted Divi layouts for you to kick start Divi sites.
View All Pro One-Page Layouts
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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved headline (H1) on mobile doesn't show until I scroll

Discussion in 'Free Divi Community Forum' started by davidlieb, Jan 13, 2025.

  1. davidlieb

    davidlieb New Member

    On mobile, the headline doesn't show until I move the page. Strange.. Any ideas?

    before I scroll: after scoll.jpg

    after I scroll : before scoll.jpg
     
    #1 davidlieb, Jan 13, 2025
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see the issue is with the responsive option for the text module, where you set the text to be different for desktop, tablet & mobile.

    It somehow didn't update properly to the correct text until scroll. It might be a bug in Divi or clashes with cache plugin.

    For a quick fix, I would suggest to just use same text for all devices, by disabling the responsive option.
     
    #2 Divi.Help, Jan 14, 2025
  3. davidlieb

    davidlieb New Member

    Thank you for your thoughts. The problem is that I want the responsive option. The desktop site doesn't look right on mobile. Any ideas on how to fix the issue would be appreciated!
     
    #3 davidlieb, Jan 14, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    For that case, try to go to the Text module settings > Advanced > Custom CSS > Free-Form CSS & add the below:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Jan 14, 2025
  5. davidlieb

    davidlieb New Member

    Thank you! It's closer, because now the text shows up for a split second before it dissapears and then does the same thing (reappears if I scroll). I checked visability settings, and it's weird because it only does it for the H1, not the whole text block. you can check it out at www.gravitylearning.com.


    Screenshot 2025-01-14 095034.png
     
    #5 davidlieb, Jan 14, 2025
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Apparently, the Free-Form CSS doesn't seem to work with bracket [.

    Kindly remove those & paste the below at WP Admin > Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help, Jan 15, 2025
    davidlieb likes this.
  7. Divi Booster

    Divi Booster Divi Expert

    @Divi.Help Yeah, the Free-Form CSS box is currently buggy in its handling of selectors. brackets "[" and "]" result in broken CSS, and so do some other characters. I forget which, exactly, but I think maybe the child combinator ">" was one. The broken CSS usually ends up with a HTML entity encoded character at the end of all the generated CSS properties...
     
    #7 Divi Booster, Jan 15, 2025
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  8. davidlieb

    davidlieb New Member

    SUCCESS! You rule!
     
    #8 davidlieb, Jan 15, 2025
(You must log in or sign up to post here.)