{"id":121400,"date":"2023-07-05T11:01:44","date_gmt":"2023-07-05T05:31:44","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/create-custom-header-mobile-menu\/"},"modified":"2023-07-05T11:55:35","modified_gmt":"2023-07-05T06:25:35","slug":"create-custom-header-mobile-menu","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/create-custom-header-mobile-menu\/","title":{"rendered":"How to create Custom Header with Mobile Menu, Woo cart, Search, Login and Sticky header Menu? [Video Tutorial]"},"content":{"rendered":"<!-- wp:embed \",\"type\":\"video\",\"providerNameSlug\":\"youtube\",\"responsive\":true,\"className\":\"wp-embed-aspect-16-9 wp-has-aspect-ratio\"} -->\r\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\r\n<iframe title=\"How to create Custom Header with Mobile Menu, Woo cart, Search, Login and Sticky header Menu?\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/96Wh1AEKNtU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n<\/div><\/figure>\r\n<!-- \/wp:post-content -->\r\n\r\n<\/figure>\r\n<!-- \/wp:embed -->\r\n<!-- wp:heading  -->\r\n<h5 class=\"wp-block-heading\">Video Duration: 27 : 50 <\/h5>\r\n<!-- \/wp:heading -->\r\n<!-- wp:heading -->\r\n<h2 class=\"wp-block-heading\">Video Overview<\/h2>\r\n<!-- \/wp:heading -->\r\n<!-- wp:paragraph -->\r\n<p>All needs related to navigation and whole header section is covered under our collection of widgets for elementor. You can create search bar, woocommerce mini cart, music bar, login section, mega menu and many more using this elementor header builder widgets. <br><br>\nBiggest Navigation Builder for Elementor <br>\n300+ Unique Customisation Options <br>\n10+ Sections for Header area included <br>\nUnlimited Possibilities without Coding <br><br>\nHorizontal &#038; Vertical Menu <br>\nYou may use the navigation menu multiple ways in direct header or in templates for creative vertical menus. It also have some hover effects included. <br><br>\nMobile Menu <br>\nPacked with lots of responsive options, Mobile menu have various hamburger icon styles, as well as Complete styling and typography options. <br><br>\nMobile Swiper Menu <br>\nYou can keep navigation menu as per the standard style and in mobile device it will be like a slider, which you can use by swipe. <br><br>\nOn Hover Reverse Effect <br>\nWhen you hover on one navigation menu, Remaining menus will have opacity on them. It will add plus in to your website\u2019s UX. <br><br>\nHeader Search Bar <br>\nWe have included multiple styles of header search bar to use in main navigation area of your website using header meta info widget. <br><br>\nWooCommerce Mini Cart <br>\nYou ecommerce feature of website is half done without mini cart in your header, We have included multiple cart styles in our header bundle. <br><br>\nExtra Toggle Bar <br>\nShow more information to your visitors by showing your elementor templates in extra toggle bar in navigation area. <br><br>\nHeader Music Player <br>\nEveryone loves music, Engage your visitors by adding music player in the navigation bar of your site using the plus addons. <br><br>\nHeader Logo Widget <br>\nSimple yet useful widget for header site logo, In which there is an option to use dual on hover logo, Tooltip, and SVG options. <br><br>\nMost Advanced Mega Menu <br>\nThis mega menu is created with all advanced options so you can achieve the best possibilities. <br><br>\nNo Coding Knowledge Required <br>\nIt&#8217;s simple and intuitive, You can start easily and use any elementor widgets to craft your mega menu. <br><br>\nHighly Customisable <br>\nIt has tons<\/p>\r\n<!-- \/wp:paragraph -->\r\n<!-- wp:shortcode -->\r\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">Get The Plus Addons for Elementor<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons pseocta is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button pseocta\"><a class=\"wp-block-button__link has-nxt-global-color-1-background-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/elementor-widgets\/\" target=\"_blank\" rel=\"noreferrer noopener\">View 120+ Elementor Widgets Demo<\/a><\/div>\n<\/div>\n\n\n\n<style>\n.pseocta .wp-block-button{\n padding: 1em 0em !important;\n}\n<\/style>\n\r\n<!-- \/wp:shortcode -->","protected":false},"author":16,"featured_media":121401,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121400","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-video-tutorials","docs-watch-video-tutorials"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=121400"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121400\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121401"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121400"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}