{"id":1131,"date":"2021-07-09T15:24:21","date_gmt":"2021-07-09T15:24:21","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=1131"},"modified":"2021-07-20T13:32:06","modified_gmt":"2021-07-20T13:32:06","password":"","slug":"design-customize-extended-sidebar-using-page-builder","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/design-customize-extended-sidebar-using-page-builder\/","title":{"rendered":"Design &#038; Customize Extended Sidebar Using Page Builder"},"content":{"rendered":"<p><strong>Create your Extended Sidebar using Page Builder and control the loading fully.<\/strong><\/p>\n<p>1- Create a New Template<br \/>\n2- Design any page layout that you can imagine using available elements in Page Builder<br \/>\n3- Add any element &amp; Customize the settings like &#8211; Animations Delay \/ Colors \/ Hovers etc<\/p>\n<p>&nbsp;<\/p>\n<div id='gallery-1' class='gallery galleryid-1131 gallery-columns-1 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/create-template\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-1024x410.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1327\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-1024x410.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-300x120.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-768x308.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-1536x615.png 1536w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template.png 1598w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1327'>\n\t\t\t\tCreate New\/ Edit Template\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/customize-vertical-menu\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-1024x477.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1328\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-1024x477.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-300x140.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-768x358.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu.png 1453w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1328'>\n\t\t\t\tSelect Design &#038; Customize\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<p><strong>Select The Newly Created Sidebar Template in Hamburger Menu<\/strong><\/p>\n<p>&nbsp;<\/p>\n<div id='gallery-2' class='gallery galleryid-1131 gallery-columns-1 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/how-to-create-extended-sidebar\/select-extended-sidebar\/'><img loading=\"lazy\" decoding=\"async\" width=\"745\" height=\"671\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-1345\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar.png 745w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar-300x270.png 300w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-1345'>\n\t\t\t\tSelect Sidebar Option In Hamburger Menu\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/how-to-create-extended-sidebar\/select-extended-sidebar-source\/'><img loading=\"lazy\" decoding=\"async\" width=\"747\" height=\"442\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar-source.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-1346\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar-source.png 747w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar-source-300x178.png 300w\" sizes=\"auto, (max-width: 747px) 100vw, 747px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-1346'>\n\t\t\t\tSelect The Newly Created Template\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<p><strong>To Customize Extended Sidebar background Image\/ Video &#8211; You will need to edit the Hamburger Menu Styling Options<\/strong><\/p>\n<p>That&#8217;s it . Now the newly created template will show in the list of available templates in Hamburger Menu Dropdown list.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-extended-sidebar\/customize-extended-sidebar\/\" rel=\"attachment wp-att-1344\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1344\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-extended-sidebar.png\" alt=\"\" width=\"746\" height=\"671\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-extended-sidebar.png 746w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-extended-sidebar-300x270.png 300w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/a><\/p>\n<p><strong>Select and Save to see your designed Extended Sidebar Menu Page !<\/strong><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create your Extended Sidebar using Page Builder and control the loading fully. 1- Create a New Template 2- Design any page layout that you can imagine using available elements in Page Builder 3- Add any element &amp; Customize the settings&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[7],"doc_tag":[],"class_list":["post-1131","docs","type-docs","status-publish","hentry","doc_category-hamburger-menu"],"year_month":"2026-04","word_count":121,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"author_nicename":"tech_ac9x_hlp","author_url":"https:\/\/apressthemes.com\/help\/author\/tech_ac9x_hlp\/"},"doc_category_info":[{"term_name":"Hamburger Menu","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/hamburger-menu\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"tech_ac9x_hlp","display_name":"Apress Help","id":"2"}],"_links":{"self":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/comments?post=1131"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1131\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1131"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1131"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}