{"id":1157,"date":"2021-07-10T07:24:53","date_gmt":"2021-07-10T07:24:53","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=1157"},"modified":"2021-07-18T14:07:13","modified_gmt":"2021-07-18T14:07:13","password":"","slug":"customize-primary-menu","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/customize-primary-menu\/","title":{"rendered":"Customize Primary Menu"},"content":{"rendered":"<h3>Add \/ Edit Existing Header<\/h3>\n<p>1- Add New Header\/ Edit your existing Header<br \/>\n2- Add Title for new header<br \/>\n3- Create your Header with the elements<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1029 size-large\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-1024x441.png\" alt=\"\" width=\"1024\" height=\"441\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-1024x441.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-300x129.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-768x331.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png 1453w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Edit Primary Menu Element<\/h3>\n<ol>\n<li>Adding Primary Menu Element to your Header the same way using WP Bakery Page Builder<\/li>\n<li>Customize Primary Menu using Primary Menu Element Settings<\/li>\n<\/ol>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/customize-primary-menu\/primary-menu-setup1\/\" rel=\"attachment wp-att-1268\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1268 size-full\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup1.png\" alt=\"\" width=\"1713\" height=\"533\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup1.png 1713w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup1-300x93.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup1-1024x319.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup1-768x239.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup1-1536x478.png 1536w\" sizes=\"auto, (max-width: 1713px) 100vw, 1713px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/customize-primary-menu\/primary-menu-setup2\/\" rel=\"attachment wp-att-1269\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1269 size-full\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup2.png\" alt=\"\" width=\"745\" height=\"811\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup2.png 745w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup2-276x300.png 276w\" sizes=\"auto, (max-width: 745px) 100vw, 745px\" \/><\/a><\/p>\n<h3>Primary Menu Mobile Menu Settings<\/h3>\n<p>In Primary Menu Element there is setting for Mobile Menu , here you can<\/p>\n<ul>\n<li>Enable \/ Disable Mobile Menu for the Primary menu<\/li>\n<li>Customize Mobile Menu Canvas Width<\/li>\n<li>Customize Canvas Background Color<\/li>\n<li>Customize Mobile Menu Text Color<\/li>\n<li>Customize Mobile Menu Text Hover Color<\/li>\n<li>Set Mobile Menu Padding<\/li>\n<\/ul>\n<p>If you want to have a different menu for Mobile Menu then follow Next Step &#8211; the link at the bottom<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/customize-primary-menu\/primary-menu-setup3\/\" rel=\"attachment wp-att-1270\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1270\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup3.png\" alt=\"\" width=\"732\" height=\"668\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup3.png 732w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/primary-menu-setup3-300x274.png 300w\" sizes=\"auto, (max-width: 732px) 100vw, 732px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Header Settings<\/h3>\n<p>Enable Flex &#8211; This will align the Logo , Primary Menu and other element correctly<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1031 size-large\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-header-settings-1024x368.png\" alt=\"\" width=\"1024\" height=\"368\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-header-settings-1024x368.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-header-settings-300x108.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-header-settings-768x276.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-header-settings-1536x552.png 1536w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-header-settings.png 1873w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Next Step &#8211; Customizing Mobile Menu for the newly created header &#8211; <\/strong><a href=\"https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/\">https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add \/ Edit Existing Header 1- Add New Header\/ Edit your existing Header 2- Add Title for new header 3- Create your Header with the elements &nbsp; Edit Primary Menu Element Adding Primary Menu Element to your Header the same&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-1157","docs","type-docs","status-publish","hentry","doc_category-header-builder"],"year_month":"2026-04","word_count":159,"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":"Header Builder","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/header-builder\/"}],"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\/1157","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=1157"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1157\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1157"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1157"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}