Responsive Height of Title

  • When I test it with your demo installation, it seems that the title does not adjust to height, that is, the font size (height)seems to be always the same, no matter what view point I’m using.

    I have used other themes before who have adjust the font size of the title very well. They were responsive in regards to the height, too!

    Any suggestion how and where I can do this with your Virtue theme(s)? (Guess the problem is for both the Virtue and Virtue Premium theme.)

    Please advice. Thanks

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

  • Would you mind posting a link to the site that you’re working on so I can see exactly how the page is displaying for you?

    Thanks!

    Thread Starter LinkAdvisor

    (@linkadvisor)

    Hi. No problem. Thanks for the quick reply. It is your own site.

    Please compare

    Virtue Pemium:
    https://themes.kadencethemes.com/virtue-premium/blog/

    with the free wordpress ICY theme:
    https://goo.gl/2IoeYg

    You may use the ‘Responsive Design View’ Tool on Firefox: <ctrl-shift-m>

    Try different screen sizes and watch any title as well as perhaps also the body.

    I used Firefox v43.0.4 on a XP system but with a full HD/HDMI monitor 24 inch. You can easily see the difference.

    As I see it, your theme’s fontsize did not resized in height with different viewports as the ICY theme did, correctly

    To your credit, many themes I tested did NOT resized as they should.

    Still, as you can see with ICY, some can.

    Thanks for looking into it

    I don’t believe that this is really an issue with the theme, as some simple CSS would allow you to do whatever you like with those font sizes. It is behaving exactly as it was designed to.

    If you like, I’ll be happy to help you with CSS that will keep the font scaling down, just let me know!

    Thread Starter LinkAdvisor

    (@linkadvisor)

    Hi Kevin. Thanks again for the reply. Yes, I do believe your theme is doing what she is designed for. And yes, I think CSS (may be) the way to go. There are some alternate libs out there, too. Anyway, I’ll keep your offer. Talk you later.

    Hey,
    So I think your just wanting to change the font size based on screen size?

    You can do that with css for example:

    @media (max-width: 767px){
    h1 {
    font-size: 20px !important;
    }
}

    that would effect your h1 font.

    Kadence Themes

    Thread Starter LinkAdvisor

    (@linkadvisor)

    Thanks to update me with the code. Will try it over the weekend. Have already custom css installed

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive Height of Title’ is closed to new replies.