{"id":209,"date":"2022-11-23T09:09:41","date_gmt":"2022-11-23T09:09:41","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=209"},"modified":"2023-09-01T12:29:38","modified_gmt":"2023-09-01T12:29:38","slug":"mobile-menu","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/mobile-menu\/","title":{"rendered":"Mobile Menu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"209\" class=\"elementor elementor-209\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e9f7471 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e9f7471\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2563d27\" data-id=\"2563d27\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d8ca85 elementor-widget elementor-widget-pt_title\" data-id=\"9d8ca85\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Fullscreen \/ Off-canvas \/ Mobile Menu\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7728319 elementor-widget elementor-widget-text-editor\" data-id=\"7728319\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Go to\u00a0<strong>Appearance<\/strong>\u00a0&gt;\u00a0<strong>Customizer<\/strong>\u00a0&gt;\u00a0<strong>Site Header<\/strong>\u00a0&gt;\u00a0<strong>Fullscreen\/Mobile Menu<\/strong>.<\/p><p>By default, the following elements will be displayed automatically in the mobile menu screen:<\/p><ol><li>Primary Menu (<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/manage-your-menus\/\">How to manage menus<\/a>)<\/li><li>Social Menu (<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/social-menu\/\">How to create your social menu<\/a>)<\/li><li>Copyright Text (or any custom text)<\/li><\/ol><p>To know more details about how to set up menus, please read\u00a0<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb-category\/menus\/\">Menu<\/a>\u00a0section in this documentation.<\/p><p>You can also change the following styles of the mobile menu:<\/p><ol><li>Background Color<\/li><li>Background Image<\/li><li>Text Color<\/li><li>Entrance Animation<\/li><li>Width<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f5d80 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f2f5d80\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13269a6 elementor-widget elementor-widget-pt_title\" data-id=\"13269a6\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Custom Mobile Menu (created with Elementor)\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac9aa6f elementor-widget elementor-widget-text-editor\" data-id=\"ac9aa6f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you would like to change more content\/styles of the mobile menu, please create a new\u00a0<strong><span class=\"highlighted\">Custom Block<\/span><\/strong>\u00a0(please navigate to\u00a0<strong>Dashboard &gt; Custom Blocks<\/strong>), and then select it to display in the mobile menu. For the detailed instructions, please see the following tutorial:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c35b846 elementor-widget elementor-widget-pt_list\" data-id=\"c35b846\" data-element_type=\"widget\" data-widget_type=\"pt_list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <ul class=\"pt-list pt-list-type-unordered with-border\">                <li>                        <span class=\"list-icon color-primary\">\n                            <i aria-hidden=\"true\" class=\"fas fa-chevron-circle-right\"><\/i>                        <\/span>                    <span class=\"list-content\">How to set up custom mobile menu<\/span>                        <a class=\"list-link\" href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/how-to-set-up-custom-mobile-menu\/\"><\/a>                <\/li>            <\/ul>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-209","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":3,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/209\/revisions"}],"predecessor-version":[{"id":1101,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/209\/revisions\/1101"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=209"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}