{"id":993,"date":"2021-07-05T15:56:22","date_gmt":"2021-07-05T15:56:22","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=993"},"modified":"2021-07-21T14:12:16","modified_gmt":"2021-07-21T14:12:16","password":"","slug":"mobile-header-using-wp-bakery-page-builder","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/mobile-header-using-wp-bakery-page-builder\/","title":{"rendered":"Mobile Header Using WP Bakery Page Builder"},"content":{"rendered":"<p><strong>Creating Mobile Header using Page Builder &#8211; This works when Site Header is created using Page Builder.<\/strong><\/p>\n<p>For Header created using Page Builder &#8211; You will need to create\/design your own Mobile Header design. Simply enable a header Row for Desktop and Another for Mobile Header.<\/p>\n<p>1- Open and edit your header created using Page Builder<br \/>\n2- Edit the Header Row and Open Responsive Settings<br \/>\n3- Here you will need to disable the Header to display on Ipad( Landscape ), Ipad ( Portrait ) &amp; Mobile version<br \/>\n4- Add a new Row for your Mobile Header and Disable its Display in the Desktop Header<br \/>\n5- Add Your Required Elements for Mobile Header &#8211; like Logo and Hamburger Menu \/ Primary menu ( Edit the Contents as required )<br \/>\n6- Finally Save<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/mobile-header-using-wp-bakery-page-builder\/mobile-header-2\/\" rel=\"attachment wp-att-1352\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1352\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/mobile-header.png\" alt=\"\" width=\"1397\" height=\"645\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/mobile-header.png 1397w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/mobile-header-300x139.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/mobile-header-1024x473.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/mobile-header-768x355.png 768w\" sizes=\"auto, (max-width: 1397px) 100vw, 1397px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating Mobile Header using Page Builder &#8211; This works when Site Header is created using Page Builder. For Header created using Page Builder &#8211; You will need to create\/design your own Mobile Header design. Simply enable a header Row for&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[13],"doc_tag":[78],"class_list":["post-993","docs","type-docs","status-publish","hentry","doc_category-mobile-header","doc_tag-mobile-header-2"],"year_month":"2026-04","word_count":128,"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":"Mobile Header","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/mobile-header\/"}],"doc_tag_info":[{"term_name":"Mobile Header","term_url":"https:\/\/apressthemes.com\/help\/docs-tag\/mobile-header-2\/"}],"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\/993","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=993"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/993\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=993"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=993"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}