{"id":121265,"date":"2023-07-05T10:43:41","date_gmt":"2023-07-05T05:13:41","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/elementor-custom-mobile-menu-sticky-bottom\/"},"modified":"2023-07-05T11:59:00","modified_gmt":"2023-07-05T06:29:00","slug":"elementor-custom-mobile-menu-sticky-bottom","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/elementor-custom-mobile-menu-sticky-bottom\/","title":{"rendered":"How to make Custom Mobile Menu in Elementor | Sticky Bottom Menu Bar | Hamburger Mobile 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 make Custom Mobile Menu in Elementor | Sticky Bottom Menu Bar | Hamburger Mobile Menu\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/gliFrxbNgrc?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: 22 : 42 <\/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>In this tutorial, we will learn how to make a Responsive Mobile Menu in Elementor, with off canvas extra toggle menu. Where you can build both fixed, sticky or absolute menu bar with Swiper effect. Create custom Mobile Menu in Elementor with Animated Hamburger Menu. Presenting you the Best Elementor Mobile Menu WordPress plugin &#8211; The Plus Addons for Elementor.<br>\n<br>\nLive Demo &#8211; <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/mobile-menu\/\">https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/mobile-menu\/<\/a><br>\n<br>\nExclusive Features of Elementor Custom Mobile Menu<br>\n\u2705 Full-Screen Mobile Menu<br>\n\u2705 Menu Bottom Bar Sticky<br>\n\u2705 Hamburger Mobile Menu<br>\n\u2705 Template Based Extra Toggle Bar Feature<br>\n\u2705 Navigation Pop-up Mobile Menu for Elementor<br>\n\u2705 Active Page Border Indicator<br>\n\u2705 Fixed\/Sticky Bottom Menu<br>\n\u2705 Swiper Mobile Menu<br>\n\u2705 Add Pin Text<br>\n\u2705 Off canvas Mobile Menu<br>\n\u2705 Unique Circular Menu<br>\n<br>\nPopup Builder\/ OFF Canvas video- <a href=\"https:\/\/youtu.be\/74bj6WcEhiY\">https:\/\/youtu.be\/74bj6WcEhiY<\/a><br>\n<br>\n&#8212;<br>\nTime stamps  <br>\n<br>\n00:00 Intro<br>\n01:21 Installing the Mobile Menu widget<br>\n02:33 Copying the Mobile Menu Design<br>\n05:22 Creating Custom Mobile Menu<br>\n15:58 Styling the Mobile Menu<br>\n18:09 Circle mobile menu<br>\n22:24 Outro<br>\n<br>\n&#8212;<\/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":121266,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[575,576],"class_list":["post-121265","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\/121265","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=121265"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/121265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/121266"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=121265"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=121265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}