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

Solved Issues with H2 heading fonts on mobile

Discussion in 'Free Divi Community Forum' started by Ocram, Nov 11, 2021.

  1. Ocram

    Ocram New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi guys,
    I'm experiencing issues with the H2 heading fonts on mobile. They appear significantly smaller than H3 and I can't find a proper solution to this problem.
    The line spacing after the heading tag and before the regular paragraph text is also too close.
    Screenshot is attached.
    I'm not very familiar with CSS so it would be very kind of you if you could give me some advice to solve this problem, please.
    Thank you in advance.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.

    If you're using text module for that, you should be able to change it here: Text Module Settings > Design > Heading Text > H2 > Heading 2 Text Size & Heading 2 Line Height
     
    Ocram likes this.
  3. Ocram

    Ocram New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi, thank you for helping me out with this.
    My site: https://www.friggitriceadariacookinglab.info/

    Yes I'm using the text module, but this problem appears both using the text module and without it.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  4. Ocram

    Ocram New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    The H2 title spacing problem is always present in DIVI, I tried to change its parameter in the text module, but it affects both the title itself and the line spacing between the title and the text.
     
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    I took this page for example: https://www.friggitriceadariacookin...-ad-aria-a-cassetto-o-fornetto-le-differenze/
    **Based on your screenshot.

    If you want to add some spacing below the H2 on mobile, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    As for the H2 size on mobile, kindly check it in your text module settings for the below:

    upload_2021-11-15_17-1-18.png

    It seems like you set it to be smaller on mobile. By default it's 26px, but it seems like you set it to be 16px.
     
    Ocram likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  6. Ocram

    Ocram New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi, thank you very much for your help. This solved my problem! Thank you again, it was so kind of you!