How to Create a Custom Menu in Bricks Builder

To create a custom menu in Bricks Builder, you’ll typically utilize WordPress’s built-in menu functionality along with Bricks Builder’s capabilities. Here’s a step-by-step guide:

  1. Create Your Custom Menu in WordPress:
    • Navigate to “Appearance” > “Menus” in your WordPress dashboard.
    • Click on “Create a new menu” link.
    • Enter a name for your menu (e.g., “Main Menu”) and click the “Create Menu” button.
    • Add the desired pages, custom links, or categories to your menu structure by selecting them from the left-hand side and clicking “Add to Menu”.
    • Organize the menu items by dragging and dropping them into the desired order.
    • Save your menu.
  2. Launch Bricks Builder:
    • Navigate to the page where you want to add your custom menu.
    • Click on the “Edit with Bricks” button to launch the Bricks Builder interface for that page.
  3. Add the Navigation Element:
    • In Bricks Builder, locate the “Navigation” element in the panel on the left-hand side.
    • Drag and drop the Navigation element to the desired location on your page.
  4. Configure the Navigation Element:
    • Click on the Navigation element to select it.
    • In the settings panel that appears on the left-hand side, choose the menu you created in WordPress from the dropdown menu under “Menu”.
    • Customize other settings such as layout, alignment, typography, colors, etc., to match your design preferences.
  5. Preview and Test:
    • Preview your page in Bricks Builder to see how the custom menu appears.
    • Test the functionality of the menu by clicking on the menu items to ensure they link to the correct pages or sections of your website.
  6. Make Adjustments (if necessary):
    • If needed, make any adjustments to the layout, styling, or functionality of the custom menu to ensure it meets your requirements.
  7. Publish Your Page:
    • Once you’re satisfied with your custom menu, save your changes and publish the page.
    • Your custom menu should now be live on your website and accessible to visitors.

By following these steps, you can easily create and customize a custom menu in Bricks Builder, providing effective navigation for your website visitors.

Related posts

Bricks Builder Animation Enhanced With Softlite Litemove

Built-in Bricks Animations vs Softlite Litemove Enhancements Bricks Builder includes a variety of pre-built animations that can be applied to elements on your page. These animations are designed to be…

View post

ClonewebX Converts Any Website To Bricks Builder or Elementor

What is ClonewebX? ClonewebX is a tool designed to simplify the process of cloning websites and converting them into various popular page builders like Elementor and Bricks Builder. ClonewebX enables…

View post

How to Setup Automatic CSS With Bricks Builder

This video guide outlines the setup process for using Bricks Builder in conjunction with the Automatic CSS (ACSS) framework to ensure seamless integration. Starting from a fresh WordPress install, the…

View post
Dismiss PopupFind out how AutomaticCSS can save you time and money