Where can I change the settings for the “Grid Row” where I can have the elements stack on Portrait Tablet. I know there are settings within Grid Row to allow for stacking on mobile devices but I want it to start stacking at Portrait Tablet instead of just the smartphone.
Hey wjcc!
Thank you for using Enfold.
You can add this in the Quick CSS field:
@media only screen and (max-width: 1024px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
}
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 100%;
}
}
Cheers!
Ismael
Code has been added
Hi im am having the same problem,
I added the code to the quick css but it did not work – I would just like to override the tablet view for this page and have it work like on a mobile. all items should stack onto of each other
thanks
adrian
Hi!
Can you please add the code back and open a new ticket for us, so we can review it?
Thank you
Regards,
Basilis