Using Navigation Menus in BlueberryCMS

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="Your Menu"}

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 page.

That's nice. Just give me a list please.

You may prefer just a regular old unordered list without any styles whatsoever so you can build it as you please. That's fantastic. You can still use our menu builder to do the heavy lifting and use this nifty code instead: 

{bb_menu source="Your Menu" simpleList="true"}

Here's what it looks like on the page. 

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 documentation.