Menu icon Foundation
Help!! How I can change Orbit to Accordion when at small screen?

Hi,

I am new to Foundation. I am trying to create a page using Orbit - Content slide. So that user could click left and right to switch between different pages. However, I want to it switch to Accordions when the screen is at small size (Mobile). Is there a way I could change the orbit to accordion in Foundation? Or I need to create separate page for that?

Thanks

Jun

Orbitaccordioninterchange

Hi,

I am new to Foundation. I am trying to create a page using Orbit - Content slide. So that user could click left and right to switch between different pages. However, I want to it switch to Accordions when the screen is at small size (Mobile). Is there a way I could change the orbit to accordion in Foundation? Or I need to create separate page for that?

Thanks

Jun

Rafi Benkual over 5 years ago

Hi Jun,
You can use interchange for this. You can make html partials, then assign them the screen size you desire. It's not just for images.

http://foundation.zurb.com/docs/components/interchange.html

some screen options include

Name Media Query
default only screen and (min-width: 1px)
small only screen and (min-width: 1px)
medium only screen and (min-width: 641px)
large only screen and (min-width: 1024px)
landscape only screen and (orientation: landscape)
portrait only screen and (orientation: portrait)