How to Decrease Padding for Heading in Mobile Only

I increased the amount of space between the H2 and H4 that immediately show upon visiting 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) { { padding-top: -200px !important; }

What am I doing incorrectly here?


Sign In or Register to comment.