Increasing font size (and weight) of H1 element in mobile

Shapely
1

Hello,

and many thanks of amazing theme. It has been a pleasure to work with it.

I’m trying to enlarge size of H1 element (main header of page) when using mobile browser. What should I put into Custom CSS to increase font size in mobile view?

Cheers,

J4kk3

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*increase h1 font size on mobile*/
@media (max-width: 768px){
 h1.entry-title{
    font-size:30px;
  }
}

Best regards,
Support.

3

Thanks for the answer.

Solution you gave me helped me a lot. Much appreciated!

4

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support