{"id":1085,"date":"2021-07-08T12:57:44","date_gmt":"2021-07-08T12:57:44","guid":{"rendered":"https:\/\/localhost\/apdoc\/?post_type=docs&#038;p=1085"},"modified":"2021-07-20T13:21:09","modified_gmt":"2021-07-20T13:21:09","password":"","slug":"how-to-create-extended-sidebar","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/how-to-create-extended-sidebar\/","title":{"rendered":"How to Create Extended Sidebar"},"content":{"rendered":"<p><strong>Add a Extended Sidebar to your site on Hamburger Menu On Click Action<\/strong><\/p>\n<h3>Adding Hamburger Menu to your Header<\/h3>\n<ul>\n<li>Open\/ Edit the Header design using Page Builder<\/li>\n<li>Add Element &#8211; Hamburger menu<\/li>\n<\/ul>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-fullscreen-menu\/add-hamburger-menu\/\" rel=\"attachment wp-att-1307\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1307\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-hamburger-menu.png\" alt=\"\" width=\"1425\" height=\"744\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-hamburger-menu.png 1425w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-hamburger-menu-300x157.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-hamburger-menu-1024x535.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-hamburger-menu-768x401.png 768w\" sizes=\"auto, (max-width: 1425px) 100vw, 1425px\" \/><\/a><\/p>\n<h3>Select Hamburger Menu Icon \/ Custom Icon<\/h3>\n<ul>\n<li>Here you can select from Predesigned hamburger Menu Icon Or use your own custom Icon\/ Image as hamburger menu ( The Close Button only works with predesigned Hamburger Menu icons )<\/li>\n<li>You can also add Custom Text to the H Menu icon &#8211; Left\/ Right\/ Top (This will appear on hover) \/ Bottom<\/li>\n<li>Customize Hamburger Menu Icon background and style &#8211; Square \/ Round &#8211; Customize padding etc<\/li>\n<\/ul>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-fullscreen-menu\/hamburger-menu-design\/\" rel=\"attachment wp-att-1312\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1312\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/hamburger-menu-design.png\" alt=\"\" width=\"733\" height=\"663\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/hamburger-menu-design.png 733w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/hamburger-menu-design-300x271.png 300w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/a><\/p>\n<h3>Select Extended Sidebar<\/h3>\n<p>Here you can select from<\/p>\n<ul>\n<li>Select Action- Sidebar<\/li>\n<li>Select Sidebar Position &#8211; Left \/ Right \/ Top \/ Bottom<\/li>\n<li>Customize Sidebar Width<\/li>\n<\/ul>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-extended-sidebar\/select-extended-sidebar\/\" rel=\"attachment wp-att-1345\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1345\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar.png\" alt=\"\" width=\"745\" height=\"671\" 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><\/p>\n<h3>Select Extended Sidebar Content Source<\/h3>\n<ul>\n<li>On the Sidebar Tab &#8211; Select<br \/>\n<strong>Default<\/strong> &#8211; This will show Widgetised Sidebar<br \/>\n<strong>Page Builder<\/strong> &#8211; here you can select from the Templates and use Page builder to add Contents and customize.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-extended-sidebar\/select-extended-sidebar-source\/\" rel=\"attachment wp-att-1346\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1346\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-extended-sidebar-source.png\" alt=\"\" width=\"747\" height=\"442\" 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><\/p>\n<p>&nbsp;<\/p>\n<h3>Customize Extended Sidebar<\/h3>\n<ul>\n<li>Select background Image \/ Video<\/li>\n<li>Customize Link color and hover colors<\/li>\n<\/ul>\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>&nbsp;<\/p>\n<h3>Extras<\/h3>\n<p>This is only required if you want to position the hamburger menu in any position of the screen ( outside header area ) like Bottom left \/ Left center etc.<\/p>\n<p><strong>Note &#8211; This will only change position of hamburger menu and not the action position of the Vertical Menu. So Not advised if you are not comfortable in customizing CSS.<\/strong><\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-fullscreen-menu\/position-full-screen-menu\/\" rel=\"attachment wp-att-1315\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1315\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/position-Full-Screen-Menu.png\" alt=\"\" width=\"727\" height=\"658\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/position-Full-Screen-Menu.png 727w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/position-Full-Screen-Menu-300x272.png 300w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add a Extended Sidebar to your site on Hamburger Menu On Click Action Adding Hamburger Menu to your Header Open\/ Edit the Header design using Page Builder Add Element &#8211; Hamburger menu Select Hamburger Menu Icon \/ Custom Icon Here&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-1085","docs","type-docs","status-publish","hentry","doc_category-hamburger-menu"],"year_month":"2026-04","word_count":234,"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\/1085","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=1085"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1085\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1085"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1085"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}