Hello dear Support Team,
i´m using the Spa Demo.
I´ve made some Grid-Rows with the following Logic:
Row 1: Text left / Picture right
Row 2: Picture left / Text right
… and so on
Looks nice on large Screens.
But on mobile / Tablets is the Problem, that always the right Section appears at first.
So that i have Text – Picture – Picture – Text.
Question: is it possible to set the Logic to Text – Picture (Row 1) Text – Picture (Row 2) on mobile?
And i know: could disable the Pictures on mobile Devices.
But my Customer want to have the Pictures on mobile / Tabs also :-/
Thanks a lot,
FelixL
Hey felixl,
Please have a look at the solution posted here:
If you need further assistance please let us know.
Best regards,
Victoria
Hello Victoria,
thanks a lot – but it doesn´t work. :-(
Even when i put it into themes/enfold/css/custom.css
Below my credentials, could you please take a look?
Thank you very much!
FelixL
Hi,
Thanks for the login, I took a look at your page and added this css to your Quick CSS:
@media only screen and (max-width:767px){
#top.home #av-layout-grid-2, #top.home #av-layout-grid-6,#top.home #av-layout-grid-8 {
display: flex !important;
flex-direction: column-reverse !important;
}
}
Please clear your browser cache and check.
Best regards,
Mike
Hello Mike,
great Job! It works now!
Thanks a lot and i wish you a great Week,
FelixL
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike