Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save stephanesdr/49eccadc926ea9719d85a1773fb85f6d to your computer and use it in GitHub Desktop.
Save stephanesdr/49eccadc926ea9719d85a1773fb85f6d to your computer and use it in GitHub Desktop.
OoohBoi Video Tutorial : Super-flexible Sections and Columns in Elementor PRO
/* MAGICAL CSS Rule */
selector .elementor-container .elementor-row {
flex-wrap: wrap;
/* uncomment for columns alignment */
/* justify-content: center; */
}
/* Responsive Columns Alignment - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
selector .elementor-container .elementor-row {
justify-content: end;
}
}
/* Media Query - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
selector {
width: 100%; /* or whatever you like */
}
}
/* Media Query - Mobile */
@media (max-width: 767px) {
selector {
width: 100%; /* or whatever you like */
}
}
/* Merged Media Query - Tablet and Mobile */
/*
@media (min-width: 1px) and (max-width: 1024px) {
selector {
width: 100%;
}
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment