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

Responsive H1, H2, etc. don't change size

Discussion in 'Basic Support Forum' started by Mike Williams, Mar 9, 2018.

  1. Mike Williams

    Mike Williams New Member

    How do I change the CSS for the Head sizing from px to % for the small screens of pads and phones?
    The responsive feature does not work.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Can you share your link?

    The responsive title size should work just fine. Though usually will just use px or em for font size.

    upload_2018-3-10_16-48-56.png
     
  3. Mike Williams

    Mike Williams New Member

    Thanks. I understand that process.
    A partner who will be taking care of site updates in the future suggests it would be better to use % for the font sizing of H1-H5 so the growing variation of mobile screens don't have issues.
    Is this possible - using % or EM instead of PX for the H sizing?
    If so, what is the appropriate CSS code or query to add if the DIVI theme customizer won't allow this?

    Please view our staging site at 6ojgi.skipdns.link

    Thanks
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The CSS code would be something like this, that will apply to all h1 font size. But I don't think that % or em changes according to screen size. You can try it though.

    Code:
    Log In or Sign Up to view this code.