Importing Template
Step 1: Choose an SCSS Compiler
There are many compilers out there and my favorite without a doubt is wpcodebox but there are many others to choose from. Here are some options.
Paid Options
Free Options
Step 2: Import CSS
Navigate to your downloaded files and find the folder labeled "SCSS"
There are two versions of the SCSS to choose from:
"Mega-menu-Vxx.scss" for the users that use Automatic CSS
"Mega-menu-no-acss-Vxx.scss" for the users that do not use Automatic CSS
Open your prefered file in either a text editor or code editor like VS Code.
Copy all of the file contents
Navigate to your preferred script plugin and paste the SCSS into a new SCSS file or SCSS partial IF you know how to use partials.
if you are using a script plugin that allows you to make live changes to the website its recommended you turn on that function while making changes to reduce the number of page refreshes necessary.
Step 3: Create a Header Template
If you already have a header template skip to step 4
Navigate to your wordpress dashboard and go to bricks > templates
Click "add new" at the top left
Give it a title of something like "Header"
Click publish
Click edit with bricks
Click conditions
Add condition
Select "Entire Website"
Step 4: Importing JSON
Navigate to downloaded files
Find the folder named "Header Template"
Open the .json file in a text editor or code editor
Copy all of its contents
Navigate back to the bricks editor
Click inside of the page canvas
CMD+V or CTRL+V to paste the header directly into the builder
Save the bricks template on the top right
The browser may ask you for permission to paste and some browsers may not let you paste at all. If that fails try pasting from the chrome browser
Last updated
