{"id":1071,"date":"2021-07-08T12:49:34","date_gmt":"2021-07-08T12:49:34","guid":{"rendered":"https:\/\/localhost\/apdoc\/?post_type=docs&#038;p=1071"},"modified":"2021-07-20T05:31:20","modified_gmt":"2021-07-20T05:31:20","password":"","slug":"design-customize-full-screen-menu-page","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/","title":{"rendered":"Design &#038; Customize Full Screen Menu Page"},"content":{"rendered":"<p><strong>Create your Full screen page using Page Builder and customize without coding.<\/strong><\/p>\n<p>1- Create a New Template<br \/>\n2- Design any page layout that you can imagine using available elements in Page Builder<br \/>\n3- Customize the settings like &#8211; Animations Delay \/ Colors \/ Hovers etc<\/p>\n<p>&nbsp;<\/p>\n<div id='gallery-1' class='gallery galleryid-1071 gallery-columns-1 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/create-template\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-1024x410.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1327\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-1024x410.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-300x120.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-768x308.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template-1536x615.png 1536w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/create-template.png 1598w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1327'>\n\t\t\t\tCreate New\/ Edit Template\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/add-vertical-menu\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-vertical-menu-1024x431.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1326\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-vertical-menu-1024x431.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-vertical-menu-300x126.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-vertical-menu-768x323.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-vertical-menu-1536x646.png 1536w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-vertical-menu.png 1707w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1326'>\n\t\t\t\tAdd Vertical Menu Element\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/customize-vertical-menu\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-1024x477.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1328\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-1024x477.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-300x140.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-768x358.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu.png 1453w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1328'>\n\t\t\t\tSelect Design &#038; Customize\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/customize-vertical-menu-loading-animation\/'><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"475\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-loading-animation-1024x475.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-1-1329\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-loading-animation-1024x475.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-loading-animation-300x139.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-loading-animation-768x356.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/customize-vertical-menu-loading-animation.png 1451w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-1329'>\n\t\t\t\tSelect Animation\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<p><strong>Select Template In Hamburger Menu<\/strong><\/p>\n<ul>\n<li>Edit The Hamburger Menu in The Previously Created Header<\/li>\n<li>Add The Template to your Hamburger Menu Full Screen Menu<\/li>\n<\/ul>\n<p>That&#8217;s it . Now the newly created template will show in the list of available templates in Hamburger Menu\u00a0 Dropdown list.<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/design-customize-full-screen-menu-page\/select-template-hamburger-menu\/\" rel=\"attachment wp-att-1330\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1330\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-template-hamburger-menu-1024x440.png\" alt=\"\" width=\"1024\" height=\"440\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-template-hamburger-menu-1024x440.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-template-hamburger-menu-300x129.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-template-hamburger-menu-768x330.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/select-template-hamburger-menu.png 1409w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>To Customize Full Screen Menu page background Image\/ Video &#8211; You will need to edit the Hamburger Menu Styling Options<\/strong><\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-create-fullscreen-menu\/bgstyling-full-screen-menu\/\" rel=\"attachment wp-att-1310\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1310\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/BgStyling-Full-Screen-Menu.png\" alt=\"\" width=\"737\" height=\"662\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/BgStyling-Full-Screen-Menu.png 737w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/BgStyling-Full-Screen-Menu-300x269.png 300w\" sizes=\"auto, (max-width: 737px) 100vw, 737px\" \/><\/a><\/p>\n<p><strong>Select and Save to see your designed Full Screen Menu Page !<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create your Full screen page using Page Builder and customize without coding. 1- Create a New Template 2- Design any page layout that you can imagine using available elements in Page Builder 3- Customize the settings like &#8211; Animations Delay&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[7],"doc_tag":[],"class_list":["post-1071","docs","type-docs","status-publish","hentry","doc_category-hamburger-menu"],"year_month":"2026-04","word_count":126,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"author_nicename":"tech_ac9x_hlp","author_url":"https:\/\/apressthemes.com\/help\/author\/tech_ac9x_hlp\/"},"doc_category_info":[{"term_name":"Hamburger Menu","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/hamburger-menu\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"tech_ac9x_hlp","display_name":"Apress Help","id":"2"}],"_links":{"self":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/comments?post=1071"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1071\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1071"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1071"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}