Tabs Navigation to Carousel

Convert Tabs Navigation to Carousel

Often times, when there are multiple tabs and the tabs doesn’t fit into the container and they collapse to the next row. This looks bad and you might need to adjust either the tab titles to make tabs fit into the container or divide the tabs into multiple sections.

Introducing the tabs navigation to carousel option. When you enable the carousel option, the Elegant Tabs will auto detect if the tabs does not fit into the container and convert them into a carousel so you can see next/previous arrows to see the tabs overflowing.

Visit this page on mobile and see how the tabs look on mobile with an option to inherit the desktop tabs on mobile devices. Also, the carousel make it easier for mobile users to easily scroll through the content while switching to tabs instead of accordions.

Style the arrows to match your site theme

Often times, when there are multiple tabs and the tabs doesn’t fit into the container and they collapse to the next row. This looks bad and you might need to adjust either the tab titles to make tabs fit into the container or divide the tabs into multiple sections.

Introducing the tabs navigation to carousel option. When you enable the carousel option, the Elegant Tabs will auto detect if the tabs does not fit into the container and convert them into a carousel so you can see next/previous arrows to see the tabs overflowing.