-
Posts
-
Hello,
I’d like to have a specific accordion element to be displayed only on smartphone view.This because, while on desktop and tablet views there’s more space due to the bigger display resolution, on smartphones there’s less space and therefore an accordion element is really helpful.
Basically I believe it’s a matter of specifying that the accordion element is displayed on the smartphone version, while it’s not on desktop and tablet versions.
Would it be possible?
Thanks!
here’s a link of a page where the accordion element sits at the moment (on the left side: “Show photos”): http://www.vinodiretto.it/en/cantina/bele-casel/
and that I’d like to be visible only on smartphone version, while on desktop/tablet versions I’d like to have the photos displayed altogether, without the accordion element.cheers!
Hi there,
Thanks for writing in! In Cornerstone, the section and row elements have a visibility setting called “hide based on screen width”. This allows you to create specific layouts for the different views and hiding them on screen widths you would not like them to show up on. This means for your accordion you can have it set to be hidden on desktop and laptops so it will only show up on mobile devices. Then you can create a duplicate section but this time don’t use the accordion but just have the images out by default. You can then use the visibility options to hide this section on mobile.
Hope this helps – thanks!
- <script> jQuery(function($){ $("#no-reply-891520 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
