How to Decrease Padding for Heading in Mobile Only

Mattdim805

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

Hi,

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

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