Subheader Font Size

DJLoveHz · May 2017

How do I change the size of the font within the subheader, AND, keep it responsive?

http://lovehertzmedia.com/podcasting/

I attempted: #Subheader .title { font-size: 100px !important; color: #a20a0e !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; }
which is exactly what i wanted on the desktop, but checking mobile, it stays the same. How can this be fixed?

Bryan · May 2017

Hello,
you can use media queries like:

@media (max-width:767px) {
	#Subheader .title { font-size: 20px !important; color: #a20a0e !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; }
}

This will change the font size on mobile.
thanks

DJLoveHz · May 2017

So, I will need to use this in addition to the string of code I have already used?

Bryan · May 2017

Yes, this css only 'activates' on mobile resolution.

DJLoveHz · May 2017

Thank you for your help!

Subheader Font Size

Comments

This website uses cookies