{"id":319,"date":"2017-07-16T12:35:07","date_gmt":"2017-07-16T12:35:07","guid":{"rendered":"https:\/\/www.infiwebs.com\/elegant-tabs-vc\/?page_id=319"},"modified":"2020-02-02T16:15:15","modified_gmt":"2020-02-02T16:15:15","slug":"tabs-navigation-to-carousel","status":"publish","type":"page","link":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/tabs-navigation-to-carousel\/","title":{"rendered":"Tabs Navigation to Carousel"},"content":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Convert Tabs Navigation to Carousel&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic&#8221;][vc_column_text]Often times, when there are multiple tabs and the tabs doesn&#8217;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.<\/p>\n<p>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.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<section class=\"elegant-tabs-container\">\n\t\t\t<div class=\"et-tabs et-horizontal et-inherit-desktop et-tabs-carousel et-tabs-style-iconbox tab-class-2406301894 et-align-left hide-on-mobile\"\n\t\t\tdata-tab_style=\"iconbox\"\n\t\t\tdata-active-bg=\"#00b7e0\"\n\t\t\tdata-active-text=\"#ffffff\"\n\t\t\tdata-hover-bg=\"#00dd7d\"\n\t\t\tdata-hover-text=\"#ffffff\"\n\t\t\tdata-active-tab=\"0\"\n\t\t\tdata-auto-switch-tab=\"no\"\n\t\t\tdata-switch-interval=\"5\"  >\n\t\t\t<nav class=\"elegant-tabs-nav\" style=\"\">\n\t\t\t<ul class=\"elegant-tabs-list-container\" style=\"color:#00b7e0;\">\n\t\t\t<li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-1497934147651-4\"><i class=\"iw-icons fas fa-audio-description\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">Who We Are<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-1497926147651-5\"><i class=\"iw-icons fas fa-closed-captioning\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">What We Do<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-1497929142298-3-3\"><i class=\"iw-icons far fa-closed-captioning\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">How We Do It<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-1580645157347-4-62\"><i class=\"iw-icons fas fa-american-sign-language-interpreting\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">Who We Do It With<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-1497930296767-4-2\"><i class=\"iw-icons fas fa-sms\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">When We Do It<\/span><\/a><\/li>\n\t\t\t<\/ul>\n\t\t\t<\/nav>\n\t\t\t<div class=\"et-content-wrap\">\n\t\t\t<section id=\"section-1497934147651-4\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;311&#8243; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Elegant Tabs for WPBakery Page Builder&#8221; font_container=&#8221;tag:h2|font_size:32px|text_align:left|color:%232a90da|line_height:42px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_btn title=&#8221;Download Now&#8221; color=&#8221;green&#8221; i_icon_fontawesome=&#8221;fab fa-opencart&#8221; css_animation=&#8221;fadeInUp&#8221; add_icon=&#8221;true&#8221; link=&#8221;url:https%3A%2F%2Fwww.infiwebs.com%2Fgo%2Fwpbakery-elegant-tabs||target:%20_blank|&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-1497926147651-5\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner][vc_custom_heading text=&#8221;Add any content elements here&#8221; font_container=&#8221;tag:h2|font_size:32px|text_align:center|line_height:44px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.[\/vc_column_text][vc_separator css_animation=&#8221;fadeIn&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-1497929142298-3-3\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner css=&#8221;.vc_custom_1580646425451{padding-top: 0px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1580646431731{padding-top: 0px !important;background-image: url(https:\/\/www.infiwebs.com\/wp-content\/uploads\/2017\/05\/orogum5rqq8-breather.jpg?id=151) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}&#8221;][vc_column_text el_class=&#8221;empty-text&#8221;][\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1580646467529{padding-top: 0px !important;background-image: url(https:\/\/www.infiwebs.com\/wp-content\/uploads\/2017\/05\/oklhoijt2jm-breather.jpg?id=150) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}&#8221;][vc_column_text el_class=&#8221;empty-text&#8221;][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;fadeInLeft&#8221;]Fusce placerat nec turpis quis pharetra. Mauris in ipsum porta, malesuada nisl a, interdum leo. Cras ullamcorper, mi eu faucibus auctor, lorem orci gravida neque, ullamcorper faucibus mi mauris a ipsum. Cum sociis natoque penatibus et magnis dis parturient montes.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-1580645157347-4-62\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Elegant Tabs for WPBakery Page Builder&#8221; font_container=&#8221;tag:h2|font_size:32px|text_align:left|color:%232a90da|line_height:42px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_btn title=&#8221;Download Now&#8221; color=&#8221;green&#8221; link=&#8221;url:https%3A%2F%2Fwww.infiwebs.com%2Fgo%2Fwpbakery-elegant-tabs||target:%20_blank|&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;311&#8243; img_size=&#8221;full&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-1497930296767-4-2\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;975&#8243; font_container=&#8221;tag:h2|font_size:72px|text_align:center|color:%238bc34a|line_height:72px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221; css=&#8221;.vc_custom_1497930962147{margin-bottom: 15px !important;}&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Days of development<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;185K&#8221; font_container=&#8221;tag:h2|font_size:72px|text_align:center|color:%23e91e63|line_height:72px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221; css=&#8221;.vc_custom_1497931061625{margin-bottom: 15px !important;}&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Lines of code written<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1497932939672{margin-top: 10px !important;}&#8221;][vc_column_inner][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/div><\/section>\n\t\t\t<\/div> <!-- \/et-content-wrap -->\n\t\t\t<\/div> <!-- \/et-tabs -->\n\t\t\t<\/section>[\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][vc_column_text]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.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;]<section class=\"elegant-tabs-container\">\n\t\t\t<div class=\"et-tabs et-horizontal et-inherit-desktop et-tabs-carousel et-tabs-style-iconbox tab-class-2699654149 et-align-left hide-on-mobile\"\n\t\t\tdata-tab_style=\"iconbox\"\n\t\t\tdata-active-bg=\"#00dd60\"\n\t\t\tdata-active-text=\"#ffffff\"\n\t\t\tdata-hover-bg=\"#00dd60\"\n\t\t\tdata-hover-text=\"#ffffff\"\n\t\t\tdata-active-tab=\"0\"\n\t\t\tdata-auto-switch-tab=\"no\"\n\t\t\tdata-switch-interval=\"5\"   data-arrow-color=\"#ffffff\" data-arrow-bg-color=\"#00a0d1\" data-arrow-color=\"#ffffff\" data-arrow-bg-color=\"#00a0d1\" data-arrow-color=\"#ffffff\" data-arrow-bg-color=\"#00a0d1\" data-arrow-color=\"#ffffff\" data-arrow-bg-color=\"#00a0d1\" data-arrow-color=\"#ffffff\" data-arrow-bg-color=\"#00a0d1\">\n\t\t\t<nav class=\"elegant-tabs-nav\" style=\"\">\n\t\t\t<ul class=\"elegant-tabs-list-container\" style=\"color:#00dd60;\">\n\t\t\t<li style=\"background:#ccffe2;color:#00dd60;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#ccffe2;color:#00dd60;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-14979302296767-4-2\"><i class=\"iw-icons fas fa-code-branch\" style=\"color:#00dd60;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">When We Do It<\/span><\/a><\/li><li style=\"background:#ccffe2;color:#00dd60;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#ccffe2;color:#00dd60;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-14979234147651-4\"><i class=\"iw-icons fas fa-archive\" style=\"color:#00dd60;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">Who We Are<\/span><\/a><\/li><li style=\"background:#ccffe2;color:#00dd60;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#ccffe2;color:#00dd60;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-14979261347651-5\"><i class=\"iw-icons fas fa-barcode\" style=\"color:#00dd60;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">What We Do<\/span><\/a><\/li><li style=\"background:#ccffe2;color:#00dd60;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#ccffe2;color:#00dd60;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-14979291342298-3-3\"><i class=\"iw-icons fas fa-bug\" style=\"color:#00dd60;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">How We Do It<\/span><\/a><\/li><li style=\"background:#ccffe2;color:#00dd60;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#ccffe2;color:#00dd60;font-size:18px;\" href=\"#\" target=\"\" data-href=\"#section-1580645157347-4-625\"><i class=\"iw-icons fas fa-code\" style=\"color:#00dd60;\"><\/i><span style=\"font-size: 18px;\" class=\"et-tab-title has-icon\">Who We Do It With<\/span><\/a><\/li>\n\t\t\t<\/ul>\n\t\t\t<\/nav>\n\t\t\t<div class=\"et-content-wrap\">\n\t\t\t<section id=\"section-14979302296767-4-2\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;975&#8243; font_container=&#8221;tag:h2|font_size:72px|text_align:center|color:%238bc34a|line_height:72px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221; css=&#8221;.vc_custom_1497930962147{margin-bottom: 15px !important;}&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Days of development<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;185K&#8221; font_container=&#8221;tag:h2|font_size:72px|text_align:center|color:%23e91e63|line_height:72px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221; css=&#8221;.vc_custom_1497931061625{margin-bottom: 15px !important;}&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Lines of code written<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1497932939672{margin-top: 10px !important;}&#8221;][vc_column_inner][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-14979234147651-4\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;311&#8243; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Elegant Tabs for WPBakery Page Builder&#8221; font_container=&#8221;tag:h2|font_size:32px|text_align:left|color:%232a90da|line_height:42px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_btn title=&#8221;Download Now&#8221; color=&#8221;green&#8221; link=&#8221;url:https%3A%2F%2Fwww.infiwebs.com%2Fgo%2Fwoocommerce-elegant-tabs||target:%20_blank|&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-14979261347651-5\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner][vc_custom_heading text=&#8221;Add any content elements here&#8221; font_container=&#8221;tag:h2|font_size:32px|text_align:center|line_height:44px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.[\/vc_column_text][vc_separator css_animation=&#8221;fadeIn&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-14979291342298-3-3\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner css=&#8221;.vc_custom_1580646425451{padding-top: 0px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1580646431731{padding-top: 0px !important;background-image: url(https:\/\/www.infiwebs.com\/wp-content\/uploads\/2017\/05\/orogum5rqq8-breather.jpg?id=151) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}&#8221;][vc_column_text el_class=&#8221;empty-text&#8221;][\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1580646467529{padding-top: 0px !important;background-image: url(https:\/\/www.infiwebs.com\/wp-content\/uploads\/2017\/05\/oklhoijt2jm-breather.jpg?id=150) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: contain !important;}&#8221;][vc_column_text el_class=&#8221;empty-text&#8221;][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;fadeInLeft&#8221;]Fusce placerat nec turpis quis pharetra. Mauris in ipsum porta, malesuada nisl a, interdum leo. Cras ullamcorper, mi eu faucibus auctor, lorem orci gravida neque, ullamcorper faucibus mi mauris a ipsum. Cum sociis natoque penatibus et magnis dis parturient montes.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/div><\/section><section id=\"section-1580645157347-4-625\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Elegant Tabs for WPBakery Page Builder&#8221; font_container=&#8221;tag:h2|font_size:32px|text_align:left|color:%232a90da|line_height:42px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_btn title=&#8221;Download Now&#8221; color=&#8221;green&#8221; link=&#8221;url:https%3A%2F%2Fwww.infiwebs.com%2Fgo%2Fwpbakery-elegant-tabs||target:%20_blank|&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;311&#8243; img_size=&#8221;full&#8221;][\/vc_column_inner][\/vc_row_inner]<\/div><\/section>\n\t\t\t<\/div> <!-- \/et-content-wrap -->\n\t\t\t<\/div> <!-- \/et-tabs -->\n\t\t\t<\/section>[\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Style the arrows to match your site theme&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic&#8221;][vc_column_text]Often times, when there are multiple tabs and the tabs doesn&#8217;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.<\/p>\n<p>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.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Convert Tabs Navigation to Carousel&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic&#8221;][vc_column_text]Often times, when there are multiple tabs and the tabs doesn&#8217;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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"spay_email":""},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8YUW4-59","jetpack-related-posts":[{"id":23,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/","url_meta":{"origin":319,"position":0},"title":"Home","date":"July 16, 2017","format":false,"excerpt":"[vc_row full_width=\"stretch_row\" parallax=\"content-moving\" css=\".vc_custom_1578298428482{margin-top: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background: #3a3a3a url(https:\/\/www.infiwebs.com\/elegant-tabs-vc\/wp-content\/uploads\/sites\/2\/2020\/01\/bg-square.png?id=268);background-position: 0 0;background-repeat: repeat !important;}\"][vc_column][vc_custom_heading text=\"Elegant Tabs\" font_container=\"tag:h1|font_size:72px|text_align:center|color:%23282828|line_height:80px\" use_theme_fonts=\"yes\" css_animation=\"none\" link=\"url:https%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs||target:%20_blank|\"][vc_custom_heading text=\"#1 Selling Tabs Add-on for WPBakery Page Builder\" font_container=\"tag:h3|font_size:32px|text_align:center|color:%23232323|line_height:40px\" use_theme_fonts=\"yes\" css=\".vc_custom_1578294980189{margin-top: 55px !important;margin-bottom: 55px !important;}\"][vc_row_inner][vc_column_inner width=\"1\/4\"][\/vc_column_inner][vc_column_inner width=\"1\/2\"][vc_btn title=\"Get Elegant Tabs Now - $21\" style=\"3d\" color=\"success\" size=\"lg\" align=\"center\" i_icon_fontawesome=\"fas\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/envato.infiwebs.com\/elegant-tabs-vc\/wp-content\/uploads\/sites\/2\/2020\/01\/item-image.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":312,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/sticky-tabs-navigation\/","url_meta":{"origin":319,"position":1},"title":"Sticky Tabs Navigation","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Make Your Tabs Sticky on Scroll\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][vc_column_text]Start scrolling this page to see how the sticky tabs navigation works.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=\"50px\"][vc_column_text]Start scrolling this page to see how the sticky tabs navigation works. When you scroll down and the position set to start the sticky navigation is reached, the tabs will remain\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":244,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/equal-width-tabs\/","url_meta":{"origin":319,"position":2},"title":"Equal Width Tabs","date":"March 2, 2018","format":false,"excerpt":"[vc_row][vc_column][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":384,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/conditional-tabs\/","url_meta":{"origin":319,"position":3},"title":"Conditional Tabs","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Conditional Tabs - You can now easily display or hide a certain from users if they are logged in or logged out\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]To view the conditional tabs, you can log in to the site using the following login details - Username : demo Password : demo [\/vc_column_text][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":288,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/custom-link-tab\/","url_meta":{"origin":319,"position":4},"title":"Custom Link Tab","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Tabs with a custom link\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=\"50px\"][vc_custom_heading text=\"Tabs with a custom link - Double-tap to open the link on a touch screen device\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":224,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/auto-switch-tabs-with-interval\/","url_meta":{"origin":319,"position":5},"title":"Auto Switch Tabs with Interval","date":"March 2, 2018","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Following tabs will auto switch after 5 seconds You can set the custom time interval in seconds\" font_container=\"tag:h2|font_size:32px|text_align:center|color:%230280db|line_height:2em\" use_theme_fonts=\"yes\"][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages\/319"}],"collection":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":0,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages\/319\/revisions"}],"wp:attachment":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/media?parent=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}