[Resolved] How to change the size of the hero-heading?

[Real]

Hi all!

I am with Aspire template.

Is there another way to change the size of the hero-heading?

I tried from Customize > Typography > Header but I don’t see any change.

Thanks

[Leo]

Hi there,

Go to Additional CSS field in the customizer and edit this block of CSS:

h1.hero-heading {
	font-size: 50px;
	font-weight: 600;
}

Let me know if this helps 🙂

[Real]

Hi Leo,

Yeah, it works but it is changing the size in Desktop too.

And, I want to change the size ONLY in mobile. Any idea?

Thanks

[Leo]

Add this CSS:

@media (max-width: 768px) {
    h1.hero-heading {
	font-size: 50px;
    }
}

[Real]

Hi,

It works.

Many thanks!

[Leo]

No problem 🙂

[Author]

Posts