header (H4) scaling on mobile looks poor

  • Hello,

    So this theme is working really well and I have a question about headers. I have made many banners on the site using the H4 tag, but I am finding it doesn’t really scale onto mobile devices very well. I am very happy with how they look on the computer.

    The headings in the wall street style.css all show pix sizes. Is there an easy way to convert this to percentage? Or is there another workaround to make the headings scale.

    Thank you
    Tom

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi
    Thanks for contacting to us.
    To reduce font size in mobile device add the the below css code inside the additional CSS box. 

    @media only screen and (max-width: 767px) and (min-width: 200px)
 { 
.blog-post-title-wrapper h4, .blog-post-title-wrapper-full h4 
{
    font-size: 13px ! important;
    line-height: 22px ! important;
}
}

    Let me know for any confusion.
    Thanks
    Akhilesh

    • This reply was modified 3 years, 4 months ago by akhlesh-nagar.
    Thread Starter tomlyne

    (@tomlyne)

    Good Morning

    That works very well. I can also adjust that if needed so Many Thanks.

    Cheers
    T

    Hi
    Glade to know that its work for you.
    If you like our theme and support pls give rate us here.
    https://www.ads-software.com/support/theme/bluestreet/reviews/

    Thanks
    Akhilesh

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘header (H4) scaling on mobile looks poor’ is closed to new replies.