Best practice for creating a fullscreen menu with Bricks

Hey :slight_smile:

I´m trying to recreate a website that the company I previously worked for created with wpbakery. I just wanna do it as practice cause I still need to learn a lot about Bricks, coming from Elementor! On the original website they programmed it within the Child Theme which is what I´m trying to avoid!
The site I´m talking about is this:

I´d even like to make the menu toggle look prettier but actually I have no idea what´s the best way to actually create that whole menu. In fact I already tried recreating that kind of menu with Elementor which didn´t work for me at all (at least not without a lot of custom code and pretty ugly methods) so I was wondering if there´s maybe a clean way to create these kinds of menus in Bricks.

And before I now try to experiment with different things again and maybe end up with something as ugly as I had in Elementor which then maybe doesn´t even work properly and which isn´t even responsive I decided to first ask what´s the best way. Also with having in mind that I might add more elements to the fullscreen menu like social icons, contact, etc., so the more flexible I am with creating such a menu, the better :slight_smile:

I saw that there´s a “Toggle” element in Bricks. Could that be the way to go? Has anyone else maybe already created such a fullscreen menu before and can tell me how he/she did that?

Thanks a lot already for your help!

So, as a small addition:

I´m not 100% sure if this is the best way to do it (otherwise please let me know) but as someone who came from Elementor just a few days ago I now did it with the “Nav (Nestable)” and changing the “Show at breakpoint” to “Always” to make it work on Desktop, too. Pretty easy which I love!
So I´d say that (unless there´s a better way to do this) this thread can be closed :slight_smile:

1 Like