{"id":35,"date":"2021-08-24T17:22:04","date_gmt":"2021-08-24T17:22:04","guid":{"rendered":"https:\/\/support.fanzee.com\/knowledge-base\/category-hierarchy-and-tabs-layout\/"},"modified":"2021-08-24T17:22:04","modified_gmt":"2021-08-24T17:22:04","slug":"category-hierarchy-and-tabs-layout","status":"publish","type":"epkb_post_type_1","link":"https:\/\/support.fanzee.com\/support\/category-hierarchy-and-tabs-layout\/","title":{"rendered":"Category Hierarchy and Tabs Layout"},"content":{"rendered":"\t\t<!-- Article Structure Version 2 Style -->\r\n\r\n\t\t<style>\t\t\t \/* DESKTOP *\/ \n#eckb-article-page-container-v2  {\r\n\t\t\t\twidth: 100% }#eckb-article-page-container-v2 #eckb-article-body {\r\n\t\t\t\twidth: 1140px }\r\n\t\t        \/* NO LEFT SIDEBAR *\/\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-body {\r\n\t\t\t\t      grid-template-columns:  0 80% 20%;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-left-sidebar {\r\n\t\t\t\t\t\tdisplay:none;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-content {\r\n\t\t\t\t\t\tgrid-column-start: 1;\r\n\t\t\t\t\t\tgrid-column-end: 3;\r\n\t\t\t\t\t}\r\n\t\t\t\t \/* TABLET *\/ \n@media only screen and ( max-width: 1025px ) {#eckb-article-page-container-v2  {\r\n\t\t\t\twidth: 100% }#eckb-article-page-container-v2 #eckb-article-body {\r\n\t\t\t\twidth: 100% }\r\n\t\t        \/* NO LEFT SIDEBAR *\/\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-body {\r\n\t\t\t\t      grid-template-columns:  0 80% 20%;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-left-sidebar {\r\n\t\t\t\t\t\tdisplay:none;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-content {\r\n\t\t\t\t\t\tgrid-column-start: 1;\r\n\t\t\t\t\t\tgrid-column-end: 3;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\/* SHARED *\/\r\n\t\t\t#eckb-article-page-container-v2 #eckb-article-left-sidebar {\r\n\t\t\t\tpadding: 10px 10px 10px 10px; ;\r\n\t\t\t\tbackground-color: #FFFFFF;\t\t\t\tmargin-top: 0px;\t\t\t}\r\n\t\t\t\r\n\t\t\t#eckb-article-page-container-v2 #eckb-article-left-sidebar:before {\r\n\t\t\t\theight: 0px;\t\t\t}\r\n\t\t\t\r\n\t\t\t#eckb-article-page-container-v2 #eckb-article-content {\r\n\t\t\t\tpadding: 20px;;\r\n\t\t\t\tbackground-color: #FFFFFF;\t\t\t}\r\n\t\t\t\r\n\t\t\t.eckb-article-content-created-date-container, .eckb-article-content-last-updated-date-container, .eckb-article-content-author-container, .eckb-ach__article-meta__date-created, .eckb-ach__article-meta__author, .eckb-ach__article-meta__date-updated {\r\n\t\t\t\tcolor: #000000;font-size: 14px !important;\t\t\t}\r\n\t\t\t\r\n\t\t\t#eckb-article-page-container-v2 #eckb-article-right-sidebar {\r\n\t\t\t\tpadding: 10px 10px 10px 10px;;\r\n\t\t\t\tbackground-color: #FFFFFF;\t\t\t\tmargin-top: 0px;\t\t\t}\r\n\t\t\t\r\n\t\t\t#eckb-article-page-container-v2 #eckb-article-right-sidebar:before {\r\n\t\t\t\theight: 0px;\t\t\t}\r\n\r\n\t\t\t\/* MOBILE - Set all columns to full width. *\/\r\n\t\t\t@media only screen and ( max-width: 768px ) {\r\n\r\n\t\t\t\t#eckb-article-page-container-v2 {\r\n\t\t\t\t\twidth:100%;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-content {\r\n\t\t\t\t\tgrid-column-start: 1;\r\n\t\t\t\t\tgrid-column-end: 4;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-left-sidebar {\r\n\t\t\t\t\tgrid-column-start: 1;\r\n\t\t\t\t\tgrid-column-end: 4;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-right-sidebar {\r\n\t\t\t\t\tgrid-column-start: 1;\r\n\t\t\t\t\tgrid-column-end: 4;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 .eckb-article-toc {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tfloat: left;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: auto;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-body {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t}\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-left-sidebar { order: 3; }\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-content { order: 2; }\r\n\t\t\t\t#eckb-article-page-container-v2 #eckb-article-right-sidebar { order: 1; }\r\n\t\t\t}\r\n\r\n\t\t<\/style>    \r\n\t\t<div id=\"eckb-article-page-container-v2\" class=\" eckb_ap_active_theme_bb-theme \" >    <div id=\"eckb-article-header\">\r\n\t\t<div class=\"epkb-doc-search-container \" style=\"background-color: #919191; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; margin-top: 0px; margin-bottom: 40px;\" >\r\n\r\n\t\t\t<div class=\"epkb-doc-search-container__title\" style=\"color: #FFFFFF; font-size:36px;;\"> How Can We Help?<\/div>\r\n\t\t\t<form id=\"epkb_search_form\" style=\"width: 40%;\" class=\"epkb-search epkb-search-form-1\" method=\"get\" action=\"\">\r\n\r\n\t\t\t\t<div class=\"epkb-search-box\">\r\n\t\t\t\t\t<input type=\"text\" style=\"border-width: 1px; border-color: #CCCCCC; background-color: #FFFFFF; background: #FFFFFF;\" id=\"epkb_search_terms\" aria-label=\"Search a topic to get help...\" name=\"epkb_search_terms\" value=\"\" placeholder=\"Search a topic to get help...\" \/>\r\n\t\t\t\t\t<input type=\"hidden\" id=\"epkb_kb_id\" value=\"1\"\/>\r\n\t\t\t\t\t<div class=\"epkb-search-box_button-wrap\">\r\n\t\t\t\t\t\t<button type=\"submit\" id=\"epkb-search-kb\" style=\"background-color: #40474f; background: #40474f; border-color: #F1F1F1;\">Search <\/button>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"loading-spinner\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div id=\"epkb_search_results\"><\/div>\r\n\r\n\t\t\t<\/form>\r\n\r\n\t\t<\/div>  <\/div>\r\n\t\t   <div id=\"eckb-article-body\">  <div id=\"eckb-article-left-sidebar\"><\/div>\r\n\t\t       <article id=\"eckb-article-content\" data-article-id=\"35\" >                        <div id=\"eckb-article-content-header-v2\"><div id=\"eckb-article-content-header-row-1\"><div class=\"eckb-article-content-header-row-left-group\"><div id=\"eckb-article-back-navigation-container\"><div class=\"eckb-navigation-back  \" style=\"margin-top: 4px; margin-right: 15px; margin-bottom: 4px; margin-left: 4px;\"><div tabindex=\"0\" class=\"eckb-navigation-button\" style=\"padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #000000; background-color: #ffffff; font-size:14px;; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #b5b5b5;\" onclick=\"history.go(-1);\" >&lt; All Topics<\/div><\/div><\/div><div id=\"eckb-article-content-breadcrumb-container\">\r\n<div class=\"eckb-breadcrumb\" style=\"padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size:14px;;\">\t\t<nav class=\"eckb-breadcrumb-outline\">\r\n\t\t<ul class=\"eckb-breadcrumb-nav\">       <li style=\"font-size:14px;;\">\t<span class=\"eckb-breadcrumb-link\"><a tabindex=\"0\" href=\"https:\/\/support.fanzee.com\/\"><span style=\"color: #000000;\" >Main<\/span><\/a><span class=\"eckb-breadcrumb-link-icon ep_font_icon_arrow_carrot_right\"><\/span>\t<\/span><\/li><li style=\"font-size:14px;;\">\t<span class=\"eckb-breadcrumb-link\"><a tabindex=\"0\" href=\"https:\/\/support.fanzee.com\/support\/category\/getting-started\/\"><span style=\"color: #000000;\" >Getting Started<\/span><\/a><span class=\"eckb-breadcrumb-link-icon ep_font_icon_arrow_carrot_right\"><\/span>\t<\/span><\/li><li style=\"font-size:14px;;\">\t<span class=\"eckb-breadcrumb-link\"><a tabindex=\"0\" href=\"https:\/\/support.fanzee.com\/support\/category\/getting-started\/overview\/\"><span style=\"color: #000000;\" >Overview<\/span><\/a><span class=\"eckb-breadcrumb-link-icon ep_font_icon_arrow_carrot_right\"><\/span>\t<\/span><\/li><li style=\"font-size:14px;;\">\t<span class=\"eckb-breadcrumb-link\"><span aria-current=\"page\"style=\"color: #000000;\" >Category Hierarchy and Tabs Layout<\/span>\t<\/span><\/li>\t\t<\/ul>\r\n\t<\/nav>\r\n\r\n<\/div>          <\/div><\/div><div class=\"eckb-article-content-header-row-right-group\"><div id=\"eckb-article-content-toolbar-container\">\r\n\t\t<div class=\"eckb-article-content-toolbar-button-container\">\r\n\t\t\t<span class=\"eckb-print-button-container\">\t\t\t<span class=\"eckb-toolbar-button-text\">Print<\/span><span class=\"eckb-toolbar-button-icon epkbfa epkbfa-print\"><\/span>\t\t\t<\/span>\r\n\t\t<\/div> <\/div><\/div><\/div><div id=\"eckb-article-content-header-row-2\"><div class=\"eckb-article-content-header-row-left-group\"><div id=\"eckb-article-content-title-container\"><h1 class=\"eckb-article-title kb-article-id\" id=\"35\">Category Hierarchy and Tabs Layout<\/h1><\/div><\/div><\/div><\/div><div id=\"eckb-article-content-body\"><p>Tabs Layout uses top categories for its tabs, and therefore, it cannot contain articles. Add your articles to sub-categories.<\/p>\n<\/div><div id=\"eckb-article-content-footer\">\r\n\t\t <div class=\"epkb-article-navigation-container epkb-article-navigation--next-link-right\">            \r\n\t\t <\/div>        <\/div>\r\n\t\t       <\/article><!-- \/#eckb-article-content -->     <div id=\"eckb-article-right-sidebar\">\r\n\t\t\t<div class=\"eckb-article-toc eckb-article-toc--position-right eckb-article-toc--bmode-between eckb-article-toc-reset \"\t\t\t\t\r\n\t\t\t\tdata-offset=\"130\"\r\n\t\t\t\tdata-min=\"2\"\r\n\t\t\t\tdata-max=\"6\"\r\n\t\t\t\tdata-exclude_class=\"\"\r\n\t\t\t\tdata-mobile_breakpoint=\"768\"\r\n\t\t\t\t><div class=\"eckb-article-toc__title\">Table of Contents<\/div><\/div>\r\n\t\t\t<\/div>\r\n\t\t   <\/div><!-- \/#eckb-article-body -->              <div id=\"eckb-article-footer\"><\/div>\r\n\t\t<\/div><!-- \/#eckb-article-page-container -->\r\n\t\t\r\n\t\t<style id=\"eckb-article-print-styles\">\r\n\t\t\t@media print {\r\n\t\t\t\t@page {\r\n\t\t\t\t\tmargin: 10px 10px 10px 10px!important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t<\/style>\r\n\t\t<style id=\"eckb-article-styles\" type=\"text\/css\">@media only screen and (max-width: 768px ){\r\t\t\t\t\t        #eckb-article-content-header-row-1,\r\t\t\t\t\t        #eckb-article-content-header-row-2,\r\t\t\t\t\t        #eckb-article-content-header-row-3,\r\t\t\t\t\t        #eckb-article-content-header-row-4,\r\t\t\t\t\t        #eckb-article-content-header-row-5 {\r\t\t\t\t\t            flex-direction:column;\r\t\t\t\t\t        }\r\t\t\t\t\t\t}#eckb-article-content-header-row-1{\r\t\t\t\t\t        margin-bottom: 8px;\r\t\t\t\t\t      }\r\t\t\t\t\r\t\t\t\t\t      #eckb-article-content-header-row-1 .eckb-article-content-header-row-left-group, \r\t\t\t\t\t      #eckb-article-content-header-row-1 .eckb-article-content-header-row-right-group {\r\t\t\t\t\t        align-items: center; \r\t\t\t\t\t      }\r\t\t\t.eckb-article-content-toolbar-button-container {\r\t\t\t\t\tbackground-color: #ffffff;\r\t\t\t\t\tpadding: 10px  10px  10px  10px;\r\t\t\t\t\tmargin: 0px  0px  0px  0px;\r\t\t\t\t\tborder-radius: 0px;\r\t\t\t\t\tborder-width: 0px;\t\r\t\t\t\t\tborder-color: #ffffff;\t\r\t\t\t\t\tborder-style: solid;\r\t\t\t}\r\t\t\t.eckb-article-content-toolbar-button-container .eckb-toolbar-button-text{\r\t\t\t\t\tcolor: #000000;\r\t\t\t\t\tfont-size: 15px;\t\r\t\t\t}\r\t\t\t.eckb-article-content-toolbar-button-container .eckb-toolbar-button-icon{\r\t\t\t\t\tcolor: #000000;\r\t\t\t\t\tfont-size: 20px;\t\r\t\t\t}\r\t\t\t.eckb-article-content-toolbar-button-container:hover {\r\t\t\t\t\tbackground-color: #ffffff;\r\t\t\t}\r\t\t\t.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-text{\r\t\t\t\t\tcolor: #000000;\r\t\t\t}\r\t\t\t.eckb-article-content-toolbar-button-container:hover .eckb-toolbar-button-icon{\r\t\t\t\t\tcolor: #000000;\r\t\t\t}#eckb-article-content-header-row-2{\r\t\t\t\t\t        margin-bottom: 0px;\r\t\t\t\t\t      }\r\t\t\t\t\r\t\t\t\t\t      #eckb-article-content-header-row-2 .eckb-article-content-header-row-left-group, \r\t\t\t\t\t      #eckb-article-content-header-row-2 .eckb-article-content-header-row-right-group {\r\t\t\t\t\t        align-items: flex-end; \r\t\t\t\t\t      }#eckb-article-body .eckb-article-title {\r\t\t\t\t\t\t\r\t\t\t\t\t\t}\r\t\t\t#eckb-article-content-footer .epkb-article-navigation-container a {\r\t\t\t\tbackground-color:   #f7f7f7;\r\t\t\t\tcolor:              #2699f7;\r\t\t\t}\r\t\t\t#eckb-article-content-footer .epkb-article-navigation-container a:hover {\r\t\t\t\tbackground-color:   #dee3e5;\r\t\t\t\tcolor:              #6d6d6d;\r\t\t\t}\r\t\t\r\t\t\t#eckb-article-body .eckb-article-toc ul a.active {\r\t\t\t\tbackground-color:   #1e73be;\r\t\t\t\tcolor:              #ffffff;\r\t\t\t}\r\t\t\t#eckb-article-body .eckb-article-toc ul a:hover {\r\t\t\t\tbackground-color:   #e1ecf7;\r\t\t\t\tcolor:              #000000;\r\t\t\t}\r\t\t\t#eckb-article-body .eckb-article-toc__inner {\r\t\t\t\tborder-color: #2b98e5;\r\t\t\t\tfont-size: 14px  !important;\r\t\t\t\tbackground-color:   #fcfcfc;\r\t\t\t}\r\t\t\t#eckb-article-body .eckb-article-toc__inner a {\r\t\t\t\tcolor:              #2b98e5;\r\t\t\t\tfont-size: 14px  !important;\r\t\t\t}\r\t\t\t#eckb-article-body .eckb-article-toc__title {\r\t\t\t\tcolor:              #2b98e5;\r\t\t\t\tfont-size: 15px  !important;\r\t\t\t}\r\t\t<\/style>\t\t","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id eu nisl nunc mi. Sed nisi lacus sed viverra tellus in hac habitasse platea. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus. Eleifend donec pretium vulputate sapien nec.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"","ping_status":"closed","template":"","meta":[],"epkb_post_type_1_category":[61],"epkb_post_type_1_tag":[],"_links":{"self":[{"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/epkb_post_type_1\/35"}],"collection":[{"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/epkb_post_type_1"}],"about":[{"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/types\/epkb_post_type_1"}],"author":[{"embeddable":true,"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/epkb_post_type_1\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"epkb_post_type_1_category","embeddable":true,"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/epkb_post_type_1_category?post=35"},{"taxonomy":"epkb_post_type_1_tag","embeddable":true,"href":"https:\/\/support.fanzee.com\/wp-json\/wp\/v2\/epkb_post_type_1_tag?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}