1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Ultimate Blog Plugin.

To access this support forum, you need to purchase Divi Ultimate Blog Plugin.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

Solved Blog Header Title Font Size on mobile too large

Discussion in 'Basic Support Forum' started by Kiber Tools, Mar 26, 2020 at 5:13 AM.

  1. Kiber Tools

    Kiber Tools New Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin

    Hello,
    how can i change the header title font size, just for mobile. It should be smaller.
    This is not satisfying like it's now, see picture.



    upload_2020-3-26_13-10-27.png
     
    1. AD Free multipurpose business child theme for Divi: https://divi.help/link-forums/divi-business.152/
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media screen and (max-width: 621px) {
        .free-du-blog-1 .free-blog-post-header-content .entry-title {
            font-size: 26px!important;
        }
    }
    **Adjust the font size to fit your need.
     
  3. Kiber Tools

    Kiber Tools New Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin


    Thanks, this worked.
    But the Top-Padding is also too high with 42px.
    Can you show me, how i can fix this. Its just for mobile?
     
    1. AD Access 2000 icons from Font Awesome & Material Icon set in Divi: https://divi.help/link-forums/divi-icon-king.154/
  4. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    @media screen and (max-width: 621px) {
        .free-blog-post-header-custom .free-du-blog-1 .free-blog-post-header-content {
            padding-top: 12px!important;
        }
    }
    Adjust the value to fit your need.
     
  5. Kiber Tools

    Kiber Tools New Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin


    Thanks, i tried it but nothing happend...
     
    1. AD Add more variety for your Divi header (12 premade styles): https://header.diviultimate.com/
  6. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Kindly share your URL.
     
  7. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    Try the below instead:
    Code:
    @media screen and (max-width: 621px) {
        .free-blog-post-header-custom #page-container .free-du-blog-1 .free-blog-post-header-content {
            padding-top: 12px!important;
        }
    }
     
    1. AD Free multipurpose business child theme for Divi: https://divi.help/link-forums/divi-business.152/
  8. Kiber Tools

    Kiber Tools New Member
    Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin



    Perfect, thanks. This worked!