Extra padding on left and right of hyperlink | Community
Skip to main content
N_A_C
Level 3
Nov 9, 2018 4:32 PM UTC
Solved

Extra padding on left and right of hyperlink

I have a form located on this page (see "contact us today" button halfway down the page): Aeroderivative Maintenance & Repairs . On mobile devices, there is additional padding or margin to the left and right of the "privacy policy" link next to the checkbox just above the submit button. I'm looking for a suggestion on how to close up that extra space. I've tried numerous things with my media query (negative value on margin, for example), but so far haven't been able to affect that extra space. Any suggestions would be appreciated!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Nov 10, 2018 8:13 AM UTC

It's just padding on the <a>, which is selected by the .mktoForm * wildcard.

Add this:

@media only screen and (max-width: 480px), 
only screen and (max-device-width: 480px), 
only screen and (max-device-height: 480px) {
  .mktoForm a {
    padding: 0;
  }
}
View reply

3 replies

SanfordWhiteman
SanfordWhiteman
Level 10
Nov 13, 2018 10:38 PM UTC

@Casler Nancy (Nancy)​​ please return to this thread and mark my answer as Correct.

Translate
N_A_CAuthor
Level 3
Nov 14, 2018 2:07 PM UTC

Very sorry for the delay, I was only able to get back to this and try it out today. Works perfectly. Thank you for that solution!

Translate
SanfordWhiteman
SanfordWhitemanAccepted solution
Level 10
Nov 10, 2018 8:13 AM UTC

It's just padding on the <a>, which is selected by the .mktoForm * wildcard.

Add this:

@media only screen and (max-width: 480px), 
only screen and (max-device-width: 480px), 
only screen and (max-device-height: 480px) {
  .mktoForm a {
    padding: 0;
  }
}
Translate
    Terms & ConditionsAccessibility statement

    Loading footer...