Whenever I make changes to the H3 heading tag in the typography section, it just stays the same font size throughout desktop, tablet and mobile devices.
How do I make the font sizes to show or reflect differently for the H3 heading tag on desktop, tablet and mobile?
@media (max-width: 768px) {
/* CSS in here for mobile only */
h3 {
font-size: 24px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
h3 {
font-size: 28px !important;
}
}