H Tags and Mobile

rwpadula1 · January 2021

My H4 tag is very very small on mobile. Is there a way to change this? For example, at https://miratasoftware.wpengine.com/resources/business-value-of-our-ditial-forms/ the related posts at bottom have titles that are very very small. How do I increase their size?

Phil · January 2021

Hello,

If you would like to increase the H4 tag only on moblie, then you should create and use Custom CSS Code using media queries.

You can put all of yout Custom CSS Codes in Betheme -> Theme options -> Custom CSS & JS -> CSS.

If you need help with that, please, let me know.

Thanks

rwpadula1 · January 2021

Could you please let me know what the CSS would be for mobile size increase for H4?

Phil · January 2021

Please, try the following Custom CSS Code:

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

Thanks

rwpadula1 · January 2021

This worked nicely.... is it possible to also control the line height?

Phil · January 2021

You just need to add line-height attribute to the previous Code.

@media screen and (max-width:767px){
  h4{
     font-size: 76px!important;
     line-height: 80px!important;
  }
}

Thanks

Comments