Resize H1 Header on phone screens?

Tagged: header

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 28, 2020 at 3:55 pm #1249041

4youth
Participant

A lot of my section headers go off screen becoming only partly visible on cellphones. Can I add custom CSS to change the H1 size just on small screens?
Thanks!

September 28, 2020 at 4:02 pm #1249050

Victoria
Inactive Moderator

Hey 4youth,

Could you please attach some screenshots of the issue?

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

September 28, 2020 at 5:26 pm #1249092

4youth
Participant

Sure. website link: http://www.fouryouth.org/home
Heres a screenshot of the issue:

September 29, 2020 at 6:32 am #1249258
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css:
```
@media only screen and (max-width: 767px)  {
#top #wrap_all .main_color h1 {
    font-size: 40px!important;
}}
```
Best regards,
Jordan Shannon
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter