How to Decrease Padding for Heading in Mobile Only

Mattdim805 · September 2015

I increased the amount of space between the H2 and H4 that immediately show upon visiting www.2ndchanceinsurance.com for desktop. But now that has caused it to display with a large gap between the headers for mobile users using phones like the iPhone 5s. I added a class to the "Call Us Now" H4 so I could try to decrease the amount of padding between the H2 and H4 for mobile only, but it isn't working. Below is the custom CSS I used:

@media only screen and (max-width: 568px) {

h4.call-us-now { padding-top: -200px !important; }

}

What am I doing incorrectly here?

Albert · September 2015

Hi,

please make a screenshot of which padding you mean on mobile.

How to Decrease Padding for Heading in Mobile Only

Comments