How to make H1, H2, H3... tags responsive?


#1

I am redesigning my website using Bridge theme. Most of the body text is black on white, but I would like to break things up a bit by making some sections white on black. I have figured out how to do this for the body text (by selecting ‘row’ in the WP Bakery Page builder) but I can’t make the heading tags change to white on black too? Is this a setting in the Qode options that I am missing?

I’d be grateful for advice.


#2

Use this logic for example:
@media screen and (max-width: 768px) {
h1{
font-size:14px;
}
}


#3

or also

@media screen and (max-width: 991px) {
h1{
font-size:14px;
}
}

You can try responsive tablet also 991px.