Subheader Font Size

DJLoveHz

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DJLoveHz

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DJLoveHz

Thank you for your help!