[Resuelto] Change wpv-loop wrap = "4" to wrap = "1" on the mobile device
This support ticket is created hace 4 años, 2 meses. There's a good chance that you are reading advice that it now obsolete.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
I want the view slider to display differently on different devices. On desktop in 4 columns, on mobile devices in 1 (not 4 in a column, but only 1 slide).
What it looks like now:
<wpv-loop wrap="4" pad="false">
[wpv-item index=1]
<div class="row bottom-slider bslider-line">
<div class="col-md-3">[wpv-post-body view_template="artworks-in-collection-v2-slider-slide"]</div>
[wpv-item index=other]
<div class="col-md-3">[wpv-post-body view_template="artworks-in-collection-v2-slider-slide"]</div>
[wpv-item index=4]
<div class="col-md-3">[wpv-post-body view_template="artworks-in-collection-v2-slider-slide"]</div>
</div>
</div>
</wpv-loop>
I made two similar views with different number of slides per line. In layout I made separate blocks, hidden / displayed depending on the screen size. But on the mobile version, the block of archive objects is not displayed at all, as if not a single one was found.
If you look in the browser debugger or source code, then in the bottom hour of the page you will see 4 rows with view, 2 of them have the .hide-mobile class and work fine, displaying the necessary data.
The other 2 are similar to the first, but with the class .hide-desk. So there is no data in them, although they should be.
Pay particular attention to the forms: wpv-filter-2924-CPID660 and wpv-filter-2618-CPID660