accordion media query collapse

  • Resolved ervane

    (@ervane)


    2 years, 4 months ago

    hello I would like to know if the accordion can be collapsed in a media query, I need it displayed in the desktop version and collapsed in mobile, this is possible with CSS or js, thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support eugenewhite

    (@eugenewhite)

    Hello there!

    First of all, I would like to inform you that at this moment there’s no way to have more than one Accordion element activated at the same time.
    But as for the media query, yes, but you may need to add two different Accordion blocks and display them accordingly on desktops and mobile devices. You may even create your own classes like “hide-on-desktop” and “hide-on-mobile” by applying the custom CSS code like this one:

    @media (min-width:998px){
.hide-on-desktop{
display: none;
}}
@media (max-width:998px){
.hide-on-mobile{
display: none;
}}

    Then you may just need to add them to your Accordion blocks.

    Plugin Support eugenewhite

    (@eugenewhite)

    Hello there!

    I hope you’re doing well.
    I haven’t received a response from you and will mark this topic as resolved.
    In case you have any questions, feel free to create a new one.

    Thread Starter ervane

    (@ervane)

    hello, sorry for not answering, I did what you said, duplicate the element and collapse it on mobiles, it worked for me, although I think I could solve it in another way, less cumbersome, thanks anyway

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘accordion media query collapse’ is closed to new replies.