Mobile Font Size content only

Philfree · March 2021

Hi,

is it possible to increase the size of the content font on mobile? When I deactivate the button in responsive tap "decrease font size" all my subheader headings will be cut. So I cannot use it this way. Is there a workaround to get the text font bigger on mobile? (it is quite small by default)

link:

dr-hoeschle.de

(login data was sent through message form of Envato).

Thanks for your help!

Phil · March 2021

Hello,

You can change the font size for mobiles only by using Custom CSS Code with media queries.

Do you need help with that?

Best regards

Philfree · March 2021

Hi,

yes please help me with that!

Do you need any further information?

Phil · March 2021

Please, put the following CSS Code in Betheme -> Theme options -> Custom CSS & JS -> CSS, and check if it is what you wanted to achieve.

@media screen and (max-width:767px){
   body{
      font-size: 15px!important;
   }
}

Thanks

Philfree · March 2021

Hey this worked! Great thank you!

One more thing regarding font size on mobile:

The subheader Text is cut if the word is to long

e.g here:

https://dr-hoeschle.de/philosophie/

or

https://dr-hoeschle.de/zahntechnisches-labor/

Do you have a tipp how to fix this?

Phil · March 2021

You can try to decrease the font size for these pages with the following CSS Code:

@media screen and (max-width:767px){
#Subheader h1{

 font-size: 50px!important;

}
}

But this time put the Custom Code in the Custom | CSS section for these pages.

Thanks

Philfree · March 2021

Thank you very much, this worked fine, great!

Mobile Font Size content only

Comments