{"id":380985,"date":"2026-10-13T20:17:51","date_gmt":"2026-10-13T20:17:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/odisal-header-for-elementor\/"},"modified":"2026-10-13T20:17:37","modified_gmt":"2026-10-13T20:17:37","slug":"odisal-header","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/odisal-header\/","author":23579916,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.3","requires":"6.5","requires_php":"7.4","requires_plugins":null,"header_name":"Odisal Header for Elementor","header_author":"Odisal","header_description":"One Elementor widget for the whole site header: logo placed where you want it, a menu that turns into a hamburger when it runs out of room, and buttons such as Book now, Log in or Basket inside the menu. Every colour, size and spacing can be changed.","assets_banners_color":"f4f4f6","last_updated":"2026-10-13 20:17:37","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/odisal.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":56,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"odisal","date":"2026-10-13 20:17:37","revision":3744850}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3744850,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3744850,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3744850,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3744850,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3744850,"resolution":"1","location":"assets","locale":"","width":1920,"height":900},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3744850,"resolution":"2","location":"assets","locale":"","width":780,"height":1480},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3744850,"resolution":"3","location":"assets","locale":"","width":780,"height":1480},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3744850,"resolution":"4","location":"assets","locale":"","width":1600,"height":955},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3744850,"resolution":"5","location":"assets","locale":"","width":1600,"height":955}},"screenshots":{"1":"The full header on a computer: logo, menu with a dropdown, and buttons.","2":"The same header on a phone, with the hamburger.","3":"The menu panel open on a phone, with the buttons and a note.","4":"Choosing a layout in Elementor.","5":"Style settings for the buttons."}},"plugin_section":[],"plugin_tags":[76538,31844,1431,1865,10213],"plugin_category":[43],"plugin_contributors":[286572],"plugin_business_model":[],"class_list":["post-380985","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-hamburger","plugin_tags-header","plugin_tags-menu","plugin_tags-sticky-header","plugin_category-customization","plugin_contributors-odisal","plugin_committers-odisal"],"banners":{"banner":"https:\/\/ps.w.org\/odisal-header\/assets\/banner-772x250.png?rev=3744850","banner_2x":"https:\/\/ps.w.org\/odisal-header\/assets\/banner-1544x500.png?rev=3744850","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/odisal-header\/assets\/icon-128x128.png?rev=3744850","icon_2x":"https:\/\/ps.w.org\/odisal-header\/assets\/icon-256x256.png?rev=3744850","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/odisal-header\/assets\/screenshot-1.png?rev=3744850","caption":"The full header on a computer: logo, menu with a dropdown, and buttons."},{"src":"https:\/\/ps.w.org\/odisal-header\/assets\/screenshot-2.png?rev=3744850","caption":"The same header on a phone, with the hamburger."},{"src":"https:\/\/ps.w.org\/odisal-header\/assets\/screenshot-3.png?rev=3744850","caption":"The menu panel open on a phone, with the buttons and a note."},{"src":"https:\/\/ps.w.org\/odisal-header\/assets\/screenshot-4.png?rev=3744850","caption":"Choosing a layout in Elementor."},{"src":"https:\/\/ps.w.org\/odisal-header\/assets\/screenshot-5.png?rev=3744850","caption":"Style settings for the buttons."}],"raw_content":"<!--section=description-->\n<p>Odisal Header builds a complete site header in one Elementor widget. Pick a layout, choose your menu, add a button or two, and it works on every screen size without a separate mobile header.<\/p>\n\n<p><strong>The menu decides for itself when to become a hamburger.<\/strong> Instead of switching at a fixed screen width, the header checks whether everything fits. A short menu stays open on a tablet; a long one folds away sooner. You can also switch on tablets and phones, on phones only, always, or never.<\/p>\n\n<p><strong>Layouts<\/strong><\/p>\n\n<ul>\n<li>Logo left, menu and buttons right<\/li>\n<li>Logo and menu left, buttons right<\/li>\n<li>Logo left, menu centred, buttons right<\/li>\n<li>Logo centred, menu split either side<\/li>\n<li>Menu left, logo centred, buttons right<\/li>\n<li>Menu and buttons left, logo right<\/li>\n<li>Logo on top, menu and buttons underneath<\/li>\n<\/ul>\n\n<p>When the hamburger shows, choose where the logo and the hamburger sit.<\/p>\n\n<p><strong>Buttons in the header<\/strong><\/p>\n\n<ul>\n<li>Links such as Book now or Call us, styled as filled, outlined, text or icon only<\/li>\n<li>Log in, which changes to My account when the visitor is logged in<\/li>\n<li>Basket with a live item count (needs WooCommerce)<\/li>\n<li>Open a Booksy booking pop-up, or click another element on the page<\/li>\n<li>When the hamburger shows, keep each button in the bar, move it into the menu panel, show it in both, or hide it<\/li>\n<\/ul>\n\n<p><strong>Menu panel<\/strong><\/p>\n\n<ul>\n<li>Slides in from either side, drops down under the bar, or fills the screen<\/li>\n<li>Its own logo, and a short note under the menu<\/li>\n<li>Submenus that open on hover or click, with arrows<\/li>\n<li>Closes with the close button, with Escape, by tapping outside, or when a link is tapped<\/li>\n<\/ul>\n\n<p><strong>Sticky header<\/strong><\/p>\n\n<ul>\n<li>Stays at the top, or hides while scrolling down and returns when scrolling up<\/li>\n<li>A different style once the page has scrolled, such as a solid background or a glass blur<\/li>\n<li>Can sit on top of the first section, for a header over a hero image<\/li>\n<li>Highlights the menu item for the section in view on one-page sites<\/li>\n<\/ul>\n\n<p><strong>Built to be accessible<\/strong><\/p>\n\n<p>Real buttons, focus that stays inside the open menu, ARIA states for screen readers, and motion that respects Reduce Motion.<\/p>\n\n<p>Every colour, size, spacing and font can be changed in Elementor's Style tab. Previews for the open menu and the scrolled state are available in the editor.<\/p>\n\n<h3>External services<\/h3>\n\n<p>This plugin can connect to Booksy, an online booking service, so a header button can open a business's Booksy booking pop-up.<\/p>\n\n<p>It is only used when a site owner adds a button set to \"Open the Booksy booking pop-up\" and pastes their Booksy widget code or business ID. Nothing is loaded from Booksy otherwise.<\/p>\n\n<p>When a visitor points at, focuses or taps that button, the visitor's browser loads Booksy's widget script from booksy.com, which sends the visitor's IP address and browser details to Booksy, as any web request does. If the pop-up cannot open, the button links to the business's page on booksy.com.<\/p>\n\n<p>Booksy's <a href=\"https:\/\/booksy.com\/en-gb\/p\/terms\">terms of service<\/a> and <a href=\"https:\/\/booksy.com\/en-gb\/p\/privacy\">privacy policy<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install and activate Elementor.<\/li>\n<li>Install Odisal Header for Elementor from Plugins \u2192 Add New, or upload the plugin folder to <code>\/wp-content\/plugins\/<\/code>, then activate it.<\/li>\n<li>Create a menu in Appearance \u2192 Menus.<\/li>\n<li>Edit your header in Elementor (for example in a header template, or at the top of a page) and drag in <strong>Odisal Header<\/strong> from the Odisal group.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20need%20elementor%20pro%3F\"><h3>Does it need Elementor Pro?<\/h3><\/dt>\n<dd><p>No. It works with the free Elementor. With Elementor Pro, place it in a Theme Builder header to show it on every page.<\/p><\/dd>\n<dt id=\"does%20it%20need%20woocommerce%3F\"><h3>Does it need WooCommerce?<\/h3><\/dt>\n<dd><p>Only for the Basket button. Everything else works without it.<\/p><\/dd>\n<dt id=\"when%20does%20the%20menu%20turn%20into%20a%20hamburger%3F\"><h3>When does the menu turn into a hamburger?<\/h3><\/dt>\n<dd><p>By default, when the menu no longer fits on one line. In the widget's Hamburger and menu panel section you can choose tablets and phones, phones only, always or never instead.<\/p><\/dd>\n<dt id=\"does%20it%20load%20anything%20from%20other%20websites%3F\"><h3>Does it load anything from other websites?<\/h3><\/dt>\n<dd><p>Only if you add a Booksy button. See External services below.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>First release on WordPress.org.<\/li>\n<\/ul>","raw_excerpt":"One Elementor widget for the whole site header: logo, menu, buttons and a hamburger that appears only when the menu runs out of room.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/380985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=380985"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/odisal"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=380985"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=380985"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=380985"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=380985"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=380985"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=380985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}