h1-h6 for mobile

Illdy
1

Hi

I’m trying to resize h1 to h6 for mobile, can you please advise how to do this using Additional CSS?

Also, is the main page title near the top of the page, the h1 title?

Many thanks.

2

Hi there,
Thanks for reaching out.
In reference to your question here, could you possibly provide us with a link to your site so that we can provide a suggestion to this.
I look forward to your reply.
Best Regards,
Support.

3

Thanks it’s www.jennywing.com

4

Hi there,
Thanks for the link.
In this case, could you perhaps try out the following CSS codes:
@media only screen and (max-width:768px){
h1 {
font-size: 20px;
}
h2{
font-size: 20px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 20px;
}
}
As for the title on the front page, please try out the following code:

@media only screen and (max-width:767px){
#header.header-front-page .bottom-header h1 {
font-size: 30px;
}
}

I hope this helps.
Best Regards,
Support.