Start off by creating your first navigation menu
Navigate to the Content > Design > Menus section and click the New Menu button.
Add some Menu Items like links to Web Pages, Blogs, Events, and more. Drag 'n' Drop the items or use the up and down arrows to change the order in which items are displayed.
Choose from a myriad of ready-to-go menu templates!
Insert the {bb_menu} tag on your website
{bb_menu source="Menu Name"}
Yep. This is all the code you need. Adding this little one-liner just about anywhere within BlueberryCMS will render a navigation menu on your website. Use menus directly on Web Pages, Page Templates, Content Holders, and even your own Include Files.
By default the {bb_menu} tag will render the complete stylized menu on your website.
The Menu templates are nice but, just give me a list please.
You may prefer just a regular old unordered list without any styles whatsoever so you can style it as you please. That's fantastic. You can still use our menu builder to do the heavy lifting by using the simpleList="true" parameter.
{bb_menu source="Your Menu" simpleList="true"}
Here's what an unstyled menu looks like on your website.
Upon viewing the source code, you will see we return a basic unordered list ready for your customization. Place this tag inside a <nav> or a <div> container and style it your way!
CSS Classes
Also, you can assign your own custom classes to the <ul> and <li> elements using this code:
{bb_menu source="Your Menu" simpleList="true" ulClass="nav-menu" liClass="nav-item"}
Learn more about {bb_menu} by checking out our Developers section.
