Archived topic
Change H2 and other Headers for Mobile
7 replies · Started by Kyle Calzaretta on December 5, 2022
trying to reduce the H2 and font-sizes for mobile and I can't seem to get the H2 simple css tags to work. Can you please assist?
Thanks!
@media (max-width:769px) {
h2.gb-headline.gb-headline-3259c00e.gb-headline-text { {font-size: 15px}
}
Hi Kyle,
Are you targeting specific H2s or all H2s on your site?
Moreover, can you point us to where we can specifically find the Header your trying to target here: h2.gb-headline.gb-headline-3259c00e.gb-headline-text
I'd be okay doing the entire site - modifying H2 and also regular body text to smaller version for Mobile.
The text specifically above is referencing "Elders of the Oasis" H2 . Also looking to decrease size of body font for mobile only.
Thanks again,
I see.
If that's the case, go to Appearance > Customize > Typography, and add a new Typography.
Set the Target Element to Custom - body .grid-container h2. Then, set the font settings for mobile.
That worked, thank you. How would I modify the body (Paragraph) text as well using that same custom method?
You can try Body or Custom - p as the target element.
Thanks - figured that one out!
You're welcome, Kyle!
