SOLVED

Extra padding on left and right of hyperlink

Go to solution
Casler_Nancy__N
Level 3

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!

1 ACCEPTED SOLUTION
SanfordWhiteman
Level 10 - Community Moderator

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 solution in original post

3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator

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

Casler_Nancy__N
Level 3

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
Level 10 - Community Moderator

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;

  }

}