-
-
Hi,
As you can see at https://optimizeddevelopment.net/ambientec/
for Fragrancia, Visual, etc the we have:
- Image Fragrancia
- Text Fragrancia
- Text Visual
- Image Visual
- etc
This is correct on a desktop device but on a mobile device we require:
- Image Fragrancia
- Text Fragrancia
- Image Visual
- Text Visual
- etc
for it to make sense.
How can we achieve this effect ?
Regards,
Mike
-
Hello Mike,
Yes this can be done with a custom css. Please add a div id to the Visual Row. So we can style it for the responsive mode.
Let us know.
Regards!
-
Hi Ruco,
We cannot see the place to add the Div Id in the Row.
We can see this in the Colulm but that is not what you requested.
Regards,
Mike
-
Hello,
It is a field called Row ID. Extra Class.
If you can’t do it by yourself give to us your wp creds and online link so we can login and do that customization for you.
Regards!
-
-
Hello,
Please add this the new class to second row and 4th row. Then add this css in your General Options > Custom Css box:
@media (max-width: 797px){ .mobile { display: -webkit-flex; /* Safari */ -webkit-flex-direction: row-reverse; /* Safari 6.1+ */ display: flex; flex-direction: row-reverse; }}
Let us know.
Best regards! -
Hi Mihalia,
We tried to set this up as you suggested but, as you can see on mobile devices, it did not work.
Did we do something wrong ?
Regards,
Mike
-
Hello,
Please add some wp credentials in a private reply. So i can check and do it for you.
Best regards!
-
-
Hello,
Sorry for the ate reply.
I added this code into yoru General Options > Custom Css box:@media (max-width: 480px){ .viewport { overflow-x: hidden; } .mobile.full-width-content .span_12 { display: flex; flex-direction: column-reverse; } } @media (max-width: 797px){ .mobile { display: -webkit-flex; /* Safari */ -webkit-flex-direction: column-reverse; /* Safari 6.1+ */ display: flex; flex-direction: column-reverse; }}
Please clear cache and refresh site in mobile.
Best regards!
-
You must be logged in to reply to this topic.