Opens in a new tab
22nd Nov '22
/
0 comments

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;
}
Get access to all 634 Bricks code tutorials with BricksLabs Pro

Leave the first comment

 

Related Tutorials..

How to display a Query Loop in 3 columns in Bricks

How to display a Query Loop in 3 columns in Bricks

This tutorial provides the builder settings and CSS codes that can be pasted in order to create a 3-columns query loop container inside Bricks Builder.
Categories:
How to Create a Right Overflow Effect on Sliders in Bricks

How to Create a Right Overflow Effect on Sliders in Bricks

In this tutorial, we'll learn how to recreate a nice overflow effect on the right of our sliders in Bricks. Introduction Recently, I've been asked…
Categories:
How to Change Bricks Preloader Background Color

How to Change Bricks Preloader Background Color

Working on a dark-themed site like our friend Storm and getting blinded by the light background of Bricks' preloader screen of the editor? Here's how…
Categories:
Pro
Masonry + Click-type Infinite Scroll in Bricks

Masonry + Click-type Infinite Scroll in Bricks

This Pro tutorial provides the steps to lay out posts in a masonry style with a View More button, which, when clicked, loads the next…
Categories:
How to create a dynamic infinite logo slider with ACF and Bricks

How to create a dynamic infinite logo slider with ACF and Bricks

This tutorial provides the builder settings, PHP & CSS codes that can be pasted in order to create an infinite logo slider in pure CSS…
Pro
Custom Posts Grid Layout in Bricks using CSS Grid

Custom Posts Grid Layout in Bricks using CSS Grid

There are at least three ways in which we can build custom loops in Bricks. Posts elementTurning on Query Loop on a containerCode element While…
Categories:
How to Change the Hamburger Trigger Breakpoint in Bricks

How to Change the Hamburger Trigger Breakpoint in Bricks

Update: This option is built-into Bricks and following custom CSS is not needed. For the Nav Menu element, use the "Show Mobile Menu Toggle" dropdown.…
Categories: