{"id":32957,"date":"2025-08-26T04:45:08","date_gmt":"2025-08-26T04:45:08","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&p=32957"},"modified":"2025-08-26T13:45:12","modified_gmt":"2025-08-26T13:45:12","slug":"hamburger-panel-widget-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/hamburger-panel-widget-overview\/","title":{"rendered":"Hamburger Panel Widget"},"content":{"rendered":"\n
\n

The JetBlocks<\/em><\/a> Hamburger Panel<\/strong><\/a> widget is one of the nine widgets of the JetBlocks<\/em> plugin for Elementor, focusing on building headers and footers. The Hamburger Panel<\/strong><\/a> widget manages the appearance of icons, borders, toggles, and more; allows using templates for display, customizes the panel elements for different devices, etc.<\/p>\n<\/div><\/div>\n\n\n\n

Activating the Hamburger Panel Widget<\/strong><\/h2>\n\n\n\n
\n

The Hamburger Panel<\/strong> can be enabled in the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetBlocks > Widgets & Extensions<\/em><\/strong> tab.<\/p>\n\n\n\n

\"activating<\/a><\/div>\n\n\n\n

Please note that the number of activated widgets<\/a> may impact the website’s performance, so only the required ones should be enabled.<\/p>\n<\/div><\/div>\n\n\n\n

Adding <\/strong>the<\/strong> Hamburger Panel Widget<\/strong><\/h2>\n\n\n\n
\n

The Hamburger Panel<\/strong> widget can be added to a page or template<\/a> in the Elementor page builder by toggling the \u201c+ Add Element<\/strong>\u201d panel and typing the name of the widget or scrolling down the JetBlocks<\/strong> section of widgets.<\/p>\n\n\n\n

\"adding<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Settings of the Hamburger Panel Widget<\/strong><\/h2>\n\n\n\n
\n

Content settings<\/strong><\/h3>\n\n\n\n

By clicking on the Content<\/strong> tab, one can access the Content<\/strong> section, which provides configuration options for the hamburger panel’s visual elements and behavior:<\/p>\n\n\n\n

\"content<\/a><\/div>\n\n\n\n