Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save carlosonweb/61399138fad9f736dfbfa4541231f33a to your computer and use it in GitHub Desktop.
Save carlosonweb/61399138fad9f736dfbfa4541231f33a to your computer and use it in GitHub Desktop.
On Beaver Builder -- Set 1x4 row to 2x2 on mobile
@media (max-width: 768px){
/* 1. Float left all cols */
.high-octane-icons-row .fl-col-group .fl-col-small{
clear: none;
float: left;
}
/* 2nd Elem -- clear none */
.high-octane-icons-row .fl-col-group .fl-col-small:nth-child(2){
clear: none;
}
/* 3rd elem -- clear both */
.high-octane-icons-row .fl-col-group .fl-col-small:nth-child(3){
clear: both;
}
/* Row -- set Padding left = 20%; */
.high-octane-icons-row {
padding-left: 20%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment