Support » Theme: Bluestreet » 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

    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.

    • This reply was modified 11 months, 1 week ago by Akhlesh Nagar.
    Thread Starter tomlyne


    Good Morning

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


    Glade to know that its work for you.
    If you like our theme and support pls give rate us here.


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