Opens in a new tab
30th Oct '23
/
0 comments

How to Limit the Depth of Nav Menu in Bricks

Updated on 31 Oct 2023

This Pro tutorial provides the steps for limiting the depth of WordPress navigation menu rendered via Bricks' Nav Menu element.

Ex.: Limiting the depth to 2 of a specific menu (by its ID):

Before:

After:

Step 1

Add the following in child theme's functions.php or a code snippets plugin:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 634 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro
“Truncate text to these many characters” Bricks Control

“Truncate text to these many characters” Bricks Control

Bricks provides a :<number> dynamic data tag modifier that can be used to limit the amount of text by the specified number of words. Ex.:…
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.
Categories:
Tags:
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…
Categories:
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?…
Categories:
Tags:
Automatically Adding Classes to Elements in Bricks

Automatically Adding Classes to Elements in Bricks

In the Bricks Facebook group a user asks: Default classes for theme style elements? Is it possible to assign default classes to elements in the…