{"id":172,"date":"2021-07-02T09:51:03","date_gmt":"2021-07-02T09:51:03","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&p=172"},"modified":"2021-07-08T11:57:41","modified_gmt":"2021-07-08T11:57:41","password":"","slug":"create-header-using-wp-bakery-page-builder","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/create-header-using-wp-bakery-page-builder\/","title":{"rendered":"Create Header using WP Bakery Page Builder"},"content":{"rendered":"

Create Header with WP Bakery Page Builder<\/h3>\n

1- Add New Header
\n2- Add Title
\n3- Create your Header with the elements<\/p>\n

\"\"<\/p>\n

Adding Elements to your Header the same way using WP Bakery Page Builder<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Header Settings<\/h3>\n

Enable Flex –<\/p>\n

\"\"<\/p>\n

Sticky Header –<\/h3>\n

1 – At the bottom of the Header Template you will find the settings for Sticky Header
\n2- Choose Styling
\n3- Select Sticky Header Background Color
\n4- Set Sticky Header Font Regular and Hover Color
\n5- Set Sticky Header Shadow Color<\/p>\n

\"\"<\/p>\n

Responsive Settings<\/h3>\n

Here you can easily enable \/ disable the visibility of the Header
\n1- Go to Header Row created using the Page builder
\n2- Open the Row Settings
\n3- Click on Responsive options
\nHere you can manage the appearance on the devices.<\/p>\n

Check the link for Responsive Breakpoints – https:\/\/apressthemes.com\/help\/docs\/responsive-breakpoints\/<\/a><\/p>\n

\"\"<\/p>\n

Selecting Header In Theme Option<\/h3>\n

1- Go to Theme Options – Header
\n2- Here select Page Builder – A list of Headers available will display in dropdown
\n3- Select the Header created in Page Builder and Save.<\/p>\n

Next Step – Customizing Mobile Menu for the newly created header – <\/strong>https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Create Header with WP Bakery Page Builder 1- Add New Header 2- Add Title 3- Create your Header with the elements Adding Elements to your Header the same way using WP Bakery Page Builder   Header Settings Enable Flex –…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[49],"class_list":["post-172","docs","type-docs","status-publish","hentry","doc_category-header-builder","doc_tag-header-builder-using-page-builder"],"year_month":"2026-04","word_count":192,"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":[{"term_name":"Header builder Using Page builder","term_url":"https:\/\/apressthemes.com\/help\/docs-tag\/header-builder-using-page-builder\/"}],"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\/172","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=172"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/172\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=172"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=172"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}