27th Dec '22
/
14 comments

Menu Item Descriptions in Bricks

Updated on 17 Jul 2023

This Pro tutorial provides the steps to show descriptions for nav menu items with the corresponding CSS styling for desktops and mobiles in Bricks.

Step 1

Edit your nav menu at Appearance → Menus.

Click Screen Options and tick "Description".

Enter the descriptions for your menu items.

Step 2

Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Tagged:
Bricks
Nav Menu
Pro
walker_nav_menu_start_el

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 630 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

How to Add a Dot Separator Between Nav Menu Items in Bricks

How to Add a Dot Separator Between Nav Menu Items in Bricks

Looking to add a circular dot separator between the nav menu items in your Bricks site? Add the following at Bricks → Settings → Custom…
Read more →
Categories: Bricks, Free
Tags: CSS, Nav Menu
Pro
How to Combine Multiple Menus into Bricks’ Mobile Menu

How to Combine Multiple Menus into Bricks’ Mobile Menu

Bricks' native 'Nav Menu' element comes with a built-in mobile menu, which shrinks the menu down to a menu toggle button to open an offcanvas…
Read more →
Categories: Bricks, Pro
Tags: Mobile Menu, Nav Menu
Adding MENU Text After Hamburger Icon in Bricks

Adding MENU Text After Hamburger Icon in Bricks

Update: Check out a better version by Jeff Brigman here. Looking to add the word MENU before or after the hamburger menu icon in Bricks?…
Read more →
Categories: Bricks, Free
Tags: Nav Menu
How to add a resizable desktop navbar in Bricks

How to add a resizable desktop navbar in Bricks

This tutorial will show you how to add a "More" menu item when the navbar overflows on desktop.
Read more →
Categories: Bricks, Free
Tags: Menu, Nav Menu
Pro
Opening Submenus with Click Instead of Hover in Bricks

Opening Submenus with Click Instead of Hover in Bricks

This Pro tutorial provides the code for opening submenus with click instead of hover in Bricks. Step 1 Add this in child theme's style.css: Step…
Read more →
Categories: Bricks, Pro
Tags: JavaScript, Nav Menu