Dig! This solved an issue I had after rebuilding a website in Bricks that was once was an Elementor build (the client no longer wanted to pay for EPro). Voila! This was a great tut. Imran, you've done it again!
Great video! If I'd watched this tutorial earlier, I wouldn't have wasted the past two days. Is there a way to make the accordion's expanded content cover the entire screen, hiding/cover the footer even during scrolling?
Playing bricks with your specials videos . Converted a landing page from figma . Little hard to understand some of elements , but your detailed description in video tutorials r in top . Happy web designing are coming to easy ends by your videos . little confusion? Can I use rank math with bricks. They have SEO elements . Waiting for your solution
You can - but not in the integrated way like Elementor. So you can still set up and do the settings etc, but actual on page Rank Math won't work the same way (yet). I may do a video on that one day.
Super cool! I have one problem. The accordion is not expanding the tab to the bottom direction but actually keeping the widget in the middle and pushing the logo out of the page. I can't change this behaviour.
thanks Imran for taking the time to make this... working it out must have been... painful lol but it works and that's the main thing... on a personal level i think it's very disappointing you have to do something like this mobile menu is such a vital thing you would think it would have been thoroughly tested before release... maybe i'm being too harsh but that's just my feeling... oh well the mobile builder is on its way so it will make up for it hopefully...
I'm really interested to dive into Bricks (have Ltd) but have invested so much in the Elementor ecosystem that I'm not sure. Do you use Bricks or E most in your projects?
I still use EL, but am experimenting with Bricks so I'm not reliant on just one Page Builder. Bricks will be the Pandora's Box for more complex builds.
instead of applying "position:absolute" we can use negative "margin-top" to our "Mobile Menu Dropdown" container and align it with "site title" with the required negative margin, and then give z-index to site title and accordion accordingly. This soution is eaiser for me.
Honestly, this is not quite relevant anymore because there is already a menu builder, but I'm just curious if anyone has done it, because it's an interesting idea to make a menu through an accordion.)
I tried to build this into a header template to make custom dropdowns for my header menu, but the nestable accordion doesn't show up on any other pages except the template itself. I'm thinking it's a bug in that the accordian doest carry over in the templates. Anybody have any ideas?
@@websquadron haven’t seen it yet, but I got it to work by no saving the template as a header type and disabling header templates across the site.. really weird situation, means I’ll have to update the header in each page manually if I wanna go that route.. but I’ll take another look in the coming weeks ti figure it out.. its a personal project anyway so it’s no priority weighting on it
You should really get used to custom classes workflow in bricks. It is a bit painful to see you don’t know or don’t care to teach /show this in all your otherwise great 101s.
They are coming in the later videos. I’m just covering the basics so anyone coming into Bricks doesn’t get lost with the settings etc. the class videos are coming later this week as we move into the Hero Banner etc. Don’t worry :)
Dig! This solved an issue I had after rebuilding a website in Bricks that was once was an Elementor build (the client no longer wanted to pay for EPro). Voila! This was a great tut. Imran, you've done it again!
Definitely add this to Bricks Library.
So like your style and Bricks content!!
More coming next week :)
Hello, I just realised that in your tutorial the hamburger menu icon is not switching to the X icon. Is there a way to do that?
Bloody good video mate.
Hey imran , nice works! , was meddling with this then found out its not good 3 level menus ? any workaround for this buddy ?
It’s a bit of a hack and would be much better once the actual mobile menu comes out
Excellent work. Thanks for sharing the little gotchas and workarounds. Only someone who knows, can offer these insights.
Much appreciated!
Dude this series of videos is 🔥 but this video in particular is 🔥🔥🔥🔥
Great video! If I'd watched this tutorial earlier, I wouldn't have wasted the past two days. Is there a way to make the accordion's expanded content cover the entire screen, hiding/cover the footer even during scrolling?
Not tried it but possibly with z indexing
Thank you so much for this great tutorial.. What is this for a browser or App you are using to preview the mobile view ?
It’s just a webpage.
Responsinator.com
Very good idea. Thank you 🤝
Excellent workaround! Even I really hope to have the mobile builder soon inside of Bricks released. Good job Imran & keep creating.
Thanks 🙂
Playing bricks with your specials videos .
Converted a landing page from figma .
Little hard to understand some of elements , but your detailed description in video tutorials r in top .
Happy web designing are coming to easy ends by your videos .
little confusion?
Can I use rank math with bricks.
They have SEO elements .
Waiting for your solution
You can - but not in the integrated way like Elementor. So you can still set up and do the settings etc, but actual on page Rank Math won't work the same way (yet).
I may do a video on that one day.
Super cool! I have one problem. The accordion is not expanding the tab to the bottom direction but actually keeping the widget in the middle and pushing the logo out of the page.
I can't change this behaviour.
Ok, looks like it was the container missing and absolute position.
Nice workaround! Can't wait for mega menu and mobile menu builder, so we won't have any limitations.
Same here!
thanks Imran for taking the time to make this... working it out must have been... painful lol but it works and that's the main thing... on a personal level i think it's very disappointing you have to do something like this mobile menu is such a vital thing you would think it would have been thoroughly tested before release... maybe i'm being too harsh but that's just my feeling... oh well the mobile builder is on its way so it will make up for it hopefully...
I sure hope that the Mobile Menu Builder answers a lot of this :) And yes, it was PAINFUL !
really great thanks so so so so so much
thanks Imran
Great idea 👍🏻
I'm really interested to dive into Bricks (have Ltd) but have invested so much in the Elementor ecosystem that I'm not sure. Do you use Bricks or E most in your projects?
I still use EL, but am experimenting with Bricks so I'm not reliant on just one Page Builder. Bricks will be the Pandora's Box for more complex builds.
Smart!
Excellent video tutorial!
Could you do a demo with a multilingual website? How would you do it? (eg 3 languages). Thanks
I’d use the GTranslate plugin.
And then the user can select from a drop down or maps to select their language.
instead of applying "position:absolute" we can use negative "margin-top" to our "Mobile Menu Dropdown" container and align it with "site title" with the required negative margin, and then give z-index to site title and accordion accordingly. This soution is eaiser for me.
Nice one :)
I dont understand at the final solution to the selectable after click on menu multiple times, whats the solution here? 15:37
Do you mean that it’s not working for you?
@@websquadron can you type the solution here? because english is dont my native language and this video part are a little confusing
When you navigate through the pages, the menu is always open...how do I fix it?
Have you got a close button?
@@websquadron Yes, there is only one button, and when any page is loaded, the accordion immediately expands the menu.
Honestly, this is not quite relevant anymore because there is already a menu builder, but I'm just curious if anyone has done it, because it's an interesting idea to make a menu through an accordion.)
I tried to build this into a header template to make custom dropdowns for my header menu, but the nestable accordion doesn't show up on any other pages except the template itself. I'm thinking it's a bug in that the accordian doest carry over in the templates. Anybody have any ideas?
Have you seen my new mega menu hack video that may offer a different option?
@@websquadron haven’t seen it yet, but I got it to work by no saving the template as a header type and disabling header templates across the site.. really weird situation, means I’ll have to update the header in each page manually if I wanna go that route.. but I’ll take another look in the coming weeks ti figure it out.. its a personal project anyway so it’s no priority weighting on it
Great tutorial. Any idea how to make the bar burger change to cross when the accordion is open? Possibly with some animation?
Yup, and I need to do a tutorial on that very soon.
You should really get used to custom classes workflow in bricks. It is a bit painful to see you don’t know or don’t care to teach /show this in all your otherwise great 101s.
They are coming in the later videos. I’m just covering the basics so anyone coming into Bricks doesn’t get lost with the settings etc. the class videos are coming later this week as we move into the Hero Banner etc. Don’t worry :)
@@websquadron really looking forward to them. :)
@@TakuapaFriends The first Class one comes out tomorrow :)
The first Class one comes out tomorrow :)