Skip to content

Instantly share code, notes, and snippets.

@bronwynv
Created March 12, 2024 14:58
Show Gist options
  • Save bronwynv/bab423a8e362e93d642d92c1d122f2a5 to your computer and use it in GitHub Desktop.
Save bronwynv/bab423a8e362e93d642d92c1d122f2a5 to your computer and use it in GitHub Desktop.
Keep OptinMonster 2 columns on smaller screens.
@media screen and (max-width: 768px) {
html div#om-{{id}} .{{ns}}-row-content.Row__content div {
flex-direction: row !important;
}
html div#om-{{id}} .{{ns}}-column.{{ns}}-col-1.Column.om-column.optin-left-column-class {
display: inline-block !important;
width: 30% !important; /* adjust percentage */
}
html div#om-{{id}} .{{ns}}-column.{{ns}}-col-2.Column.om-column.optin-right-column-class {
display: inline-block !important;
width: 69.99% !important; /* adjust percentage */
}
}
Can be adjusted to add more columns, and edit the width percentage of each column
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment