Extra padding on left and right of hyperlink | Community
Skip to main content
N
N_A_C
New Participant
November 9, 2018
Solved

Extra padding on left and right of hyperlink

  • November 9, 2018
  • 2 replies
  • 2538 views

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.
Best answer by SanfordWhiteman

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;
  }
}

2 replies

SanfordWhiteman
SanfordWhiteman
New Participant
November 13, 2018

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

N
N_A_CAuthor
New Participant
November 14, 2018

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!

SanfordWhiteman
SanfordWhitemanAccepted solution
New Participant
November 10, 2018

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;
  }
}
    Terms & ConditionsAccessibility statement

    Loading footer...