Hi,
My English is so scarce, I hope I can tell you my problem.
What I want to do; https://drive.google.com/open?id=14yzjzSPNaKKhdVSa_zoxs4Md5P8u100m and https://drive.google.com/open?id=1pllDqxfT92xdGJDwoTuFjOcWBK4rI5YB
What I want to achieve is exactly like the images. For both mobile and desktop.
BUT
The second situation is naturally distorted when I provide the first state. So the mobile view is bad.
This is happening; https://drive.google.com/open?id=1_Ad7d1yojGQR1Xr7WfBnNQbSv6KobVDj
How can I do what I want. Is there a solution?
In fact, if reverse the inside of one of the rows in mobile view , the problem may be resolved. I’m sorry for this bad sentence, I hope it’s understood.
Hi,
I’m afraid that can by done just add an extra class on elements, and add custom css for it ( to display none, or to reverse the position of fields ).
You can provide your url to take a look at your website, in this way i can give you the right answer.
Thank you for your understanding.
Can’t you do this using your Demo site? Because what I want to do is not ready on my site.
Does this function come to the TD composer?
thanks
You’ve done a similar work, but the same problem has emerged in mobile view.
Hi,
Here is an example:
In one row we place 3 Text with image, the 3th we set here layout flip content, and we add an extra class on it ( https://www.screencast.com/t/SwJT2M52f ), select the second one and add an extra class ( https://www.screencast.com/t/SwJT2M52f ), after you do that you need to paste this code in Newspaper > theme panel> Custom code > custom css: https://www.screencast.com/t/1GyADh4uCy
@media only screen and (max-width: 767px) {
.show_in_desktop {
display: none;
}
}
@media only screen and (min-width: 768px) {
.show_in_mobile {
display: none;
}
}
See results desktop: https://www.screencast.com/t/6yUQglzX5Eu
Mobile: https://www.screencast.com/t/bXpSk4sFe2jj
Thanks.
