SOLVED

Extra padding on left and right of hyperlink

Go to solution
Highlighted

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!

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 10 - Community Moderator

Re: Extra padding on left and right of hyperlink

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

Re: Extra padding on left and right of hyperlink

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

Highlighted
Level 10 - Community Moderator

Re: Extra padding on left and right of hyperlink

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

Highlighted

Re: Extra padding on left and right of hyperlink

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!