Site Not Mobile Responsive

[hpcadmin]

Before I installed the latest update for pro, my site was great. Everything was responsive on mobile even my H1 tags. I installed the update and all my H texts are not responsive. I’ve tried the other work throughs and other support requests regarding H1 tags are not mobile responsive. There are suggestions of adding or changing code, CSS, etc. None of it works for me.

Regardless, I didn’t have to do any coding or anything special before the update. It just worked the way it was suppose to for a mobile responsive theme.

What settings could be wrong that were right before the update? Something simple that needs to be changed?

As I said, everything was great before the update. Now I can’t make it look good.

In not too technical terms, how can I fix this? Not being a designer or coder, the theme was awesome with my limited knowledge, it was really easy to use.

Thanks for any help.

[friech]

Hi Steve,

Thank you for writing in, is that the site you’re working on below? It looks responsive on my end. Please clarify.

And remember to clear all your caching features (plugin, server-side, CDN, and browser’s cache) after updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Cheers!

[hpcadmin]

Thank you. Yes. That’s what I see. However, the H1 use to be smaller before I updated. I would like to keep all the text but it just takes up too much of the page.

Is there a setting to make it smaller?

I’ve tried to set responsive text h1 min and max size in settings but it doesn’t do anything. Maybe that’s not all there is to it? I also, thought I read something about making it respond as an h2 but would still be an h1? Is that correct? But I didn’t understand it. The h2 size would be cool.

Let me know.

Thanks.

[friech]

Hi Steve,

I see you hardcoded your H1, yes it is possible to make an H1 look like an H2, just add a class="h2" attribute on it.

e.g.

<h1 align="center" class="h2">Weed Control Services Carlsbad And Southeast New Mexico</h1>

Hope it helps,
Cheers!

[hpcadmin]

Thank you. That looks good. However, I added this to custom css. It looks good and works as well. Will it mess anything up if I do this?

h1 {
font-size: 32px;
}

[rad]

Hi Steve,

It can especially if you don’t intend to implement it in all H1. You could try something like

<h1 align="center" class="h2 custom-class">Weed Control Services Carlsbad And Southeast New Mexico</h1>

then

h1.custom-class {
font-size: 32px;
}

So it will only affect H1 with that class.

Thanks!

[hpcadmin]

O.K. Cool. Thanks.

Do I still have to put class="h2 in <h1 align="center" class="h2 custom-class"> or can I use <h1 align="center" class="custom-class">

Let me know.

Thank you

[rad]

Hi Steve,

Yes, it’s best to still add that class so it will inherit all other styling from that class, given that you just wish to change the font size. It’s not required, but adding it will make it well formatted especially for assigned font family.

Thanks!