Here’s video tutorial how to build custom header (Header Builder) by using FOX Block. You can also follow step-by-step guide below.
Step 1: Install Elementor and FOX Framework plugin. Please make sure you have installed and activate those plugins. FOX Block only show up and works well if those two plugins are installed and activated. If you haven’t installed them, please go to Dashboard > Fox Magazine > Install Plugins to install them.
Step 2: Go to Dashboard > FOX Blocks > Add New to create a new Block. You can name it “My Header”. It doesn’t matter. In the setting “This Block is being used for:”, choose “Header”. It’s important, don’t forget it. Then hit “Publish”.
Step 3: Hit “Edit with Elementor” then you can start edit your own Header with Elementor. Here you’re free to create your own header as you want to. Use your own Elementor skill to add logo (FOX Logo element), menu (FOX Navigation element), button (FOX button element), search icon (FOX search element) so on.
However, to save time and effort, you can use FOX predefined templates for header. Assume we have editted the header, hit “Update” to save your block. Now it’s ready to use.
Step 4: Go to Customize > Header > General, choose “Header Engine” to be “Header Builder by Elementor“. Then choose your Global Header Template as “My Header”. Then hit “Publish” to save the option. Now your site header displays your FOX Block “My Header”. And when you need to adjust anything of your header, go to Dashboard > FOX Blocks > edit My Header with Elementor.
