Tagged: grid row
Hi, I am looking for some CSS or advice to remove white space between Grid row columns, when stacked on Tablet “portrait”
The Grid row works fine on Desktop and Mobile. I have took a screen image and posted a link to screenshot
Thanks in Advance
Hey ticketyboosolutions,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:959px) {
.responsive #top #wrap_all .av-break-at-tablet .flex_cell {
margin-bottom: 0;
}
}
if that doesn’t help, us this one instead:
@media only screen and (max-width:959px) {
.responsive #top #wrap_all .av-break-at-tablet .flex_cell {
margin-bottom: 0 !important;
}
}
Best regards,
Nikko
The first CSS worked perfectly…thanks again
Hi ticketyboosolutions,
Glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko