{"id":312,"date":"2017-07-16T12:35:07","date_gmt":"2017-07-16T12:35:07","guid":{"rendered":"https:\/\/www.infiwebs.com\/elegant-tabs-vc\/?page_id=312"},"modified":"2021-05-05T08:31:33","modified_gmt":"2021-05-05T08:31:33","slug":"sticky-tabs-navigation","status":"publish","type":"page","link":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/sticky-tabs-navigation\/","title":{"rendered":"Sticky Tabs Navigation"},"content":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&#8221;Make Your Tabs Sticky on Scroll&#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]Start scrolling this page to see how the sticky tabs navigation works.[\/vc_column_text]<section class=\"elegant-tabs-container\">\n\t\t\t<div class=\"et-tabs et-horizontal justified-tabs et-tabs-style-bars tab-class-1292471698 et-align-left hide-on-mobile et-tabs-sticky\"\n\t\t\tdata-tab_style=\"bars\"\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\"  data-header-height=\"54px\">\n\t\t\t<nav class=\"elegant-tabs-nav\" style=\"top:54px;\">\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:16px;\" href=\"#\" target=\"\" data-href=\"#section-1497934147651-4\"><i class=\"iw-icons fa fa-heart\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 16px;\" class=\"et-tab-title has-icon\">First Tab<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:16px;\" href=\"#\" target=\"\" data-href=\"#section-1497926147651-5\"><i class=\"iw-icons fa fa-fonticons\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 16px;\" class=\"et-tab-title has-icon\">Second Tab<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:16px;\" href=\"#\" target=\"\" data-href=\"#section-1497929142298-3-3\"><i class=\"iw-icons fa fa-text-width\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 16px;\" class=\"et-tab-title has-icon\">Third Tab<\/span><\/a><\/li><li style=\"background:#d1f5fc;color:#00b7e0;\" ><a class=\"et-anchor-tag\" style=\"--border-color:#d1f5fc;color:#00b7e0;font-size:16px;\" href=\"#\" target=\"\" data-href=\"#section-1497930296767-4-2\"><i class=\"iw-icons fa fa-sort-numeric-asc\" style=\"color:#00b7e0;\"><\/i><span style=\"font-size: 16px;\" class=\"et-tab-title has-icon\">Fourth Tab<\/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\t\t\t\t\t<div class=\"infi-responsive-tabs\"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t\tdata-tab_style=\"bars\"\n\t\t\t\t\t\tdata-active-bg=\"#00b7e0\"\n\t\t\t\t\t\tdata-active-text=\"#ffffff\"\n\t\t\t\t\t\tdata-hover-bg=\"#00dd7d\"\n\t\t\t\t\t\tdata-hover-text=\"#ffffff\">\n\t\t\t\t\t\t<div class=\"infi-tab-accordion\">\n\t\t\t\t\t\t\t<div class=\"1497934147651-4_tab infi_accordion_item\" style=\"background:#d1f5fc;color:#00b7e0;\">\n\t\t\t\t\t\t\t\t<div class=\"infi-accordion-item-heading\" data-href=\"#section-1497934147651-4\" style=\"color:#00b7e0;\">\n\t\t\t\t\t\t\t\t\t<i class=\"iw-icons fa fa-heart\" style=\"color:#00b7e0;\"><\/i>\t\t\t\t\t\t\t\t\t<span class=\" has-icon\">First Tab<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\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\/3&#8243;][vc_single_image image=&#8221;311&#8243; img_size=&#8221;full&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;2\/3&#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_column_text css_animation=&#8221;fadeInRight&#8221; css=&#8221;.vc_custom_1500217018091{margin-top: 30px !important;}&#8221;]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n<p>Globally deploy orthogonal e-commerce and mission-critical services. Continually streamline proactive functionalities via scalable catalysts for change. Credibly conceptualize standardized leadership after flexible action items.<\/p>\n<p>Dynamically restore focused catalysts for change via economically sound initiatives. Progressively evolve scalable technologies before ubiquitous communities.[\/vc_column_text][vc_btn title=&#8221;Download Now&#8221; color=&#8221;green&#8221; css_animation=&#8221;fadeInUp&#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>\t\t\t\t\t<div class=\"infi-responsive-tabs\"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t\tdata-tab_style=\"bars\"\n\t\t\t\t\t\tdata-active-bg=\"#00b7e0\"\n\t\t\t\t\t\tdata-active-text=\"#ffffff\"\n\t\t\t\t\t\tdata-hover-bg=\"#00dd7d\"\n\t\t\t\t\t\tdata-hover-text=\"#ffffff\">\n\t\t\t\t\t\t<div class=\"infi-tab-accordion\">\n\t\t\t\t\t\t\t<div class=\"1497926147651-5_tab infi_accordion_item\" style=\"background:#d1f5fc;color:#00b7e0;\">\n\t\t\t\t\t\t\t\t<div class=\"infi-accordion-item-heading\" data-href=\"#section-1497926147651-5\" style=\"color:#00b7e0;\">\n\t\t\t\t\t\t\t\t\t<i class=\"iw-icons fa fa-fonticons\" style=\"color:#00b7e0;\"><\/i>\t\t\t\t\t\t\t\t\t<span class=\" has-icon\">Second Tab<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<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][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_icon icon_fontawesome=&#8221;fa fa-facebook&#8221; color=&#8221;white&#8221; background_style=&#8221;rounded&#8221; background_color=&#8221;blue&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;fadeInLeft&#8221;][vc_column_text css_animation=&#8221;fadeInLeft&#8221;]<\/p>\n<p style=\"text-align: center;\">Like us on Facebook<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_icon icon_fontawesome=&#8221;fa fa-twitter&#8221; color=&#8221;white&#8221; background_style=&#8221;rounded&#8221; background_color=&#8221;sky&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;fadeInUp&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Follow us on Twitter<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_icon icon_fontawesome=&#8221;fa fa-google-plus&#8221; color=&#8221;white&#8221; background_style=&#8221;rounded&#8221; background_color=&#8221;juicy_pink&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;fadeInDown&#8221;][vc_column_text css_animation=&#8221;fadeInDown&#8221;]<\/p>\n<p style=\"text-align: center;\">Follow us on Google+<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_icon icon_fontawesome=&#8221;fa fa-instagram&#8221; color=&#8221;white&#8221; background_style=&#8221;rounded&#8221; background_color=&#8221;vista_blue&#8221; size=&#8221;lg&#8221; align=&#8221;center&#8221; css_animation=&#8221;fadeInRight&#8221;][vc_column_text css_animation=&#8221;fadeInRight&#8221;]<\/p>\n<p style=\"text-align: center;\">Follow us on Instagram<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/div><\/section>\t\t\t\t\t<div class=\"infi-responsive-tabs\"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t\tdata-tab_style=\"bars\"\n\t\t\t\t\t\tdata-active-bg=\"#00b7e0\"\n\t\t\t\t\t\tdata-active-text=\"#ffffff\"\n\t\t\t\t\t\tdata-hover-bg=\"#00dd7d\"\n\t\t\t\t\t\tdata-hover-text=\"#ffffff\">\n\t\t\t\t\t\t<div class=\"infi-tab-accordion\">\n\t\t\t\t\t\t\t<div class=\"1497929142298-3-3_tab infi_accordion_item\" style=\"background:#d1f5fc;color:#00b7e0;\">\n\t\t\t\t\t\t\t\t<div class=\"infi-accordion-item-heading\" data-href=\"#section-1497929142298-3-3\" style=\"color:#00b7e0;\">\n\t\t\t\t\t\t\t\t\t<i class=\"iw-icons fa fa-text-width\" style=\"color:#00b7e0;\"><\/i>\t\t\t\t\t\t\t\t\t<span class=\" has-icon\">Third Tab<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<section id=\"section-1497929142298-3-3\" class=\"tab\" data-animation=\"\" style=\"background:; color:;\"><div class=\"infi-content-wrapper\">[vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1497929681855{margin-bottom: 15px !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\/3&#8243; css=&#8221;.vc_custom_1497929688878{margin-bottom: 15px !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_column_inner width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1497929694855{margin-bottom: 15px !important;background-image: url(https:\/\/www.infiwebs.com\/wp-content\/uploads\/2017\/05\/nnyxvqh9ho-breather.jpg?id=149) !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\/3&#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\/3&#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_column_inner width=&#8221;1\/3&#8243;][vc_column_text css_animation=&#8221;fadeInRight&#8221;]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. Lorem ipsum dolor sit amet.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/div><\/section>\t\t\t\t\t<div class=\"infi-responsive-tabs\"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t\tdata-tab_style=\"bars\"\n\t\t\t\t\t\tdata-active-bg=\"#00b7e0\"\n\t\t\t\t\t\tdata-active-text=\"#ffffff\"\n\t\t\t\t\t\tdata-hover-bg=\"#00dd7d\"\n\t\t\t\t\t\tdata-hover-text=\"#ffffff\">\n\t\t\t\t\t\t<div class=\"infi-tab-accordion\">\n\t\t\t\t\t\t\t<div class=\"1497930296767-4-2_tab infi_accordion_item\" style=\"background:#d1f5fc;color:#00b7e0;\">\n\t\t\t\t\t\t\t\t<div class=\"infi-accordion-item-heading\" data-href=\"#section-1497930296767-4-2\" style=\"color:#00b7e0;\">\n\t\t\t\t\t\t\t\t\t<i class=\"iw-icons fa fa-sort-numeric-asc\" style=\"color:#00b7e0;\"><\/i>\t\t\t\t\t\t\t\t\t<span class=\" has-icon\">Fourth Tab<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<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\/4&#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\/4&#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_column_inner width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;120&#8243; font_container=&#8221;tag:h2|font_size:72px|text_align:center|color:%2300bcd4|line_height:72px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221; css=&#8221;.vc_custom_1497930976735{margin-bottom: 15px !important;}&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Things happened<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_custom_heading text=&#8221;27K&#8221; font_container=&#8221;tag:h2|font_size:72px|text_align:center|color:%23ff9800|line_height:72px&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;fadeInUp&#8221; css=&#8221;.vc_custom_1497931117033{margin-bottom: 15px !important;}&#8221;][vc_column_text css_animation=&#8221;fadeInUp&#8221;]<\/p>\n<p style=\"text-align: center;\">Hours spent<\/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]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 sticky until the tab content area is displayed. This feature is useful when you have tabs with longer content than the screen height, and you need to scroll up to switch the tabs.[\/vc_column_text][vc_message]The Sticky Tabs Navigation does not work with the vertical tabs and on the mobile devices due to the technical limitations. You can set the custom position from where the sticky navigation should start to support your theme&#8217;s sticky header.[\/vc_message][vc_empty_space height=&#8221;100px&#8221;][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vehicula dui sed eros ornare dictum. Duis ut condimentum justo, sit amet ornare diam. Proin gravida velit pulvinar, venenatis massa eget, condimentum odio. Phasellus quis dui vehicula, convallis massa sit amet, semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi egestas, justo ullamcorper ultricies tincidunt, neque sapien ultricies ipsum, non fringilla purus metus dignissim velit. Quisque posuere, diam iaculis hendrerit tempus, lectus magna tristique quam, et molestie nisi dui nec eros. Donec semper accumsan leo vitae congue. Sed vitae nulla in tellus varius lobortis. Nulla facilisi. Nunc rhoncus maximus dolor, nec elementum lectus tempus ac. Suspendisse in libero turpis. Aenean et velit est. Donec sapien neque, convallis non fermentum at, fringilla eu velit.<\/p>\n<p>Fusce nec ultricies nulla. Quisque aliquam nisi eu lorem porttitor, non condimentum odio accumsan. In vestibulum convallis pretium. Proin pellentesque suscipit odio, at egestas est. Duis consequat gravida ex, vitae viverra felis malesuada vel. Cras vel sapien pulvinar est fermentum sollicitudin. Morbi cursus purus id velit vestibulum, in laoreet quam venenatis. Quisque augue lacus, mollis a placerat sit amet, consequat at felis. Curabitur rutrum enim molestie, luctus sapien id, ullamcorper velit. Duis vestibulum justo vel arcu varius aliquet. Aliquam nibh ipsum, ultrices quis tellus blandit, tincidunt efficitur nunc. Nulla facilisi. Donec nunc dui, hendrerit id varius ac, dictum a ligula. Vivamus magna leo, convallis in eros vel, fringilla semper ipsum. Donec ornare vel velit nec tincidunt.[\/vc_column_text][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vehicula dui sed eros ornare dictum. Duis ut condimentum justo, sit amet ornare diam. Proin gravida velit pulvinar, venenatis massa eget, condimentum odio. Phasellus quis dui vehicula, convallis massa sit amet, semper quam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi egestas, justo ullamcorper ultricies tincidunt, neque sapien ultricies ipsum, non fringilla purus metus dignissim velit. Quisque posuere, diam iaculis hendrerit tempus, lectus magna tristique quam, et molestie nisi dui nec eros. Donec semper accumsan leo vitae congue. Sed vitae nulla in tellus varius lobortis. Nulla facilisi. Nunc rhoncus maximus dolor, nec elementum lectus tempus ac. Suspendisse in libero turpis. Aenean et velit est. Donec sapien neque, convallis non fermentum at, fringilla eu velit.<\/p>\n<p>Fusce nec ultricies nulla. Quisque aliquam nisi eu lorem porttitor, non condimentum odio accumsan. In vestibulum convallis pretium. Proin pellentesque suscipit odio, at egestas est. Duis consequat gravida ex, vitae viverra felis malesuada vel. Cras vel sapien pulvinar est fermentum sollicitudin. Morbi cursus purus id velit vestibulum, in laoreet quam venenatis. Quisque augue lacus, mollis a placerat sit amet, consequat at felis. Curabitur rutrum enim molestie, luctus sapien id, ullamcorper velit. Duis vestibulum justo vel arcu varius aliquet. Aliquam nibh ipsum, ultrices quis tellus blandit, tincidunt efficitur nunc. Nulla facilisi. Donec nunc dui, hendrerit id varius ac, dictum a ligula. Vivamus magna leo, convallis in eros vel, fringilla semper ipsum. Donec ornare vel velit nec tincidunt.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=&#8221;Make Your Tabs Sticky on Scroll&#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]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=&#8221;50px&#8221;][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 sticky until the tab content [&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-52","jetpack-related-posts":[{"id":319,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/tabs-navigation-to-carousel\/","url_meta":{"origin":312,"position":0},"title":"Tabs Navigation to Carousel","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column width=\"1\/2\"][vc_custom_heading text=\"Convert Tabs Navigation to Carousel\" 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]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\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":329,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/close-accordions-on-load\/","url_meta":{"origin":312,"position":1},"title":"Close Accordions on Load","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Close Accordions by Default\" 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]See this page on mobile and you can see that all the accordions are closed by default.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=\"50px\"][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":5,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/bar-style\/","url_meta":{"origin":312,"position":2},"title":"Bar Style","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Horizontal Tabs\" 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_separator color=\"mulled_wine\" style=\"dotted\"][vc_custom_heading text=\"Vertical Tabs\" 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":23,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/","url_meta":{"origin":312,"position":3},"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":346,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/bar-style-custom-image-icons\/","url_meta":{"origin":312,"position":4},"title":"Bar Style &#8211; Custom Image Icons","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Horizontal Tabs\" 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_separator color=\"mulled_wine\" style=\"dotted\"][vc_custom_heading text=\"Vertical Tabs\" 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":384,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/conditional-tabs\/","url_meta":{"origin":312,"position":5},"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":[]}],"_links":{"self":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages\/312"}],"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=312"}],"version-history":[{"count":0,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages\/312\/revisions"}],"wp:attachment":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/media?parent=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}