-
-
Hello…
My problem is this. The main title in the header does not get smaller when used on a smaller device like cell phone or ipad. How do I make the font size of the header title/subtitle decrease with size of the device?
This should really be a selectable option in the settings of the theme or should be automatic when you select yes to the site being responsive. I have seen this option in other themes so it is clearly possible and would eliminate a common support issue. Its disappointing that we even have to ask for a common sense need of a marketed ‘fully responsive’ site. Please make that part of your updates.
Thank you..
Jessie
-
-
Hello,
Please add this code into your custom css box:
@media (max-width: 480px){ .header_page.with_subtitle.centered .titles h1 { line-height: 10px !important; font-size: 20px !important; } .header_page.with_subtitle.centered .titles h3 { font-size: 17px !important;} .header_page.with_subtitle .titles { top: 55% !important;} }Thank you for the suggestion. I will notify the developer team for future updates.
Let us know if you need further help.Best regards!
-
Thank you for the reply. It only seems to be working on the headers that have a subtitle. Most of our pages do not have a subtitle…is there something else I need to add so that those pages will also act in the same way?
Also, it seems to work on the cell phone size but not on the tablet size.
Thank you!
-
Ok so I added that code as well and it did nothing to the pages that just have a centered title…there is still words of the title cut off in mobile view. It should say ‘Already Using Policy Governance’ and it only says ‘Already Using’ and I dont see any font size change.
Please let me know how to fix this properly.
Thank you!!!!!
ps…I have to say this again, this really needs to be a standard setting in this theme that is supposed to be fully responsive. Its very frustrating going back and forth on something that should be there already.
-
Hello,
For the ipad layout size, please add this code into your custom css box too:
@media (max-width: 979px){ .header_page.with_subtitle.centered .titles h1 { line-height: 17px !important; }}for the titles withour sub-titles in mobile, add this code:
@media (max-width: 480px){ .header_page.centered h1 { line-height: 52px !important; padding-top: 7% !important; font-size: 25px !important; }}Edit the values to your wish.
As i said in my previous reply, Thank you for your suggestion. I will notify the developer team for future updates.
Please be patient until the next update.Best regards!
-
You must be logged in to reply to this topic.