Skip to content

Instantly share code, notes, and snippets.

@cougrimes
Last active August 29, 2015 14:13
Show Gist options
  • Save cougrimes/82fe7d32fdc3591f7b3d to your computer and use it in GitHub Desktop.
Save cougrimes/82fe7d32fdc3591f7b3d to your computer and use it in GitHub Desktop.
Marketo Forms2.css Controlling Mobile Views
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height:480px){.mktoForm,.mktoForm *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px}
.mktoForm .mktoGutter,.mktoForm .mktoOffset{display:none}
.mktoForm .mktoFormCol .mktoLabel{text-align:left;width:100%}
.mktoForm .mktoFormCol{float:none}
.mktoForm .mktoFieldWrap{float:none}
.mktoForm fieldset{padding:0 10px}
.mktoForm input[type=url],.mktoForm input[type=text],.mktoForm input[type=date],.mktoForm input[type=tel],.mktoForm input[type=email],.mktoForm input[type=number],.mktoForm textarea.mktoField,.mktoForm select.mktoField{width:100%;height:1.5em;line-height:1.5em;font-size:18px}
.mktoForm select.mktoField{height:auto}
.mktoForm .mktoFormRow .mktoField{clear:left}
.mktoForm .mktoFormRow .mktoFormCol{clear:both}
.mktoForm .mktoRadioList,.mktoForm .mktoCheckboxList{width:100%}
.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix{float:left;padding-left:0;padding-right:5px}
.mktoModal .mktoModalContent{padding:10px 0}
.mktoModal .mktoModalClose{right:0}
}
@cougrimes
Copy link
Author

Note that these CSS declarations start at line 76 of [your Marketo instance]/js/forms2/css/forms2.css

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment