Width and Height of Mobile Hamburger Toggle in Bricks

Looking to change the size of Bricks hamburger toggle in the mobile menu?

The default width value of 20px can be changed by selecting the Nav Menu element → MOBILE MENU → HAMBURGER TOGGLE → Toggle width.

CSS has to be added to change the height as of Bricks 1.5.7.

STYLE → CSS → Custom CSS:

root:not(.show-mobile-menu) .bricks-mobile-menu-toggle {
	height: 18px;

root:not(.show-mobile-menu) .bricks-mobile-menu-toggle .bar-center {
	top: 8px;

root:not(.show-mobile-menu) .bricks-mobile-menu-toggle .bar-bottom {
	top: 16px;
Instant access to 390+ Bricks code tutorials with BricksLabs Pro

Leave the first comment