Really appreciate you showing for those who may not be able to afford to purchase your template how to do it for themselves, I have the ability to do this myself following guide (very good tutoring btw), but decided to purchase anyway to show support! Well done 👍
Amazing video. I would like to suggest two improvements. A section tag should start with a heading i think. You could use a block element with a container and set the gutter to it instead of taking a section. And second thing is, now we have two different Nav menus in the header. I'm not sure i think nav tag should be assigned to the main navigation. And in this case the DOM has 2 nav tags in the header (duplicated).
Thanks for the great video. I subscribed to your channel. However, I have one little thing that I don't like so much. Whenever you make adjustments in Bricks, you switch to time lapse. The Nested Nav element in Bricks has a lot of shifted settings. The time-lapse sometimes makes it difficult to follow, and I had to watch some passages several times. The time saved by the time-lapse is not only lost, you actually need more time. I'm looking forward to more videos from you.
So sorry about the trouble with the timelapse. I can imagine it must be quite frustrating. Indeed, I had hoped to avoid wasting viewers' time. Never thought it would do the opposite in some cases. I'll make sure to keep this in mind for subsequent videos. Thanks for your valuable feedback
Oscar. Thank you for taking the time to provide this extremely detailed tutorial. One question. Is there a way to generate the "Back" text if there is only one sub-menu? It appears that the "Back" text feature only works if there are 2 levels of child sub-menus.
Thank you for taking the time to watch the video. I assume you're referring to the back button to return back to the main top level menu. By default it is not included because the second levels are designed to display as dropdown accordions and not fullscreen as we have modified it to behave. Therefore, we have to make our own back button. I addressed the issue from 39:56 Do let me know if this helps or you can further clarify
Hello, first of all thank you very much for your video, it was very useful. However, may I ask how to change the icon for opening and closing the menu? I did it exactly according to the instructions and I still have the hamburger menu at the top, although I have offcanvas open on my mobile.
@@OscarObians I dont have cashing plugin. Maybe i found isuue at 14:27 where u talk about custom animated icon. I just add icon from Themify icon library in Bricks, is this that problem?
@@adamprazan Yes that would be the problem. The template zip file includes the animated SVG icon which you can upload. Just choose SVG instead of themify and upload the SVG icon I included
@@OscarObians Yes, there was a mistake in that icon. There is no mention in the instructions that you need to add JS to change the icon after clicking. I somehow thought that the icon would change automatically thanks to bricks. However, I solved it by downloading an svg icon that changes shape when clicked thanks to css and adding instead of the old hamburger icon, which is by default in bricks in the nav (nestable). Then just display:none for computers and it's done. :)) Thanks again for the tutorial.
@@adamprazan That's strange. There's no JS needed to make the icon animate. Its all fully CSS Bricks already supplies the JS like you mentioned. You only need to upload the SVG I included in the MLH Template Zip folder just like any other SVG toggle icon and it should do the rest. I'm glad you managed to get ti working nonethless
@@OscarObians I solved it - overlay menu - menu over hero section without the background. But I have another problem the height of offcanvas element doesn't work for me.There is a class .brx-offcanvas-inner which has fixed height.
This was exactly what I needed, great delivery and comprehensive. Thank you. Keep up the good work. Subscribed as well.
Really appreciate you showing for those who may not be able to afford to purchase your template how to do it for themselves, I have the ability to do this myself following guide (very good tutoring btw), but decided to purchase anyway to show support! Well done 👍
Thank you so much for the support. You're amazing!
Amazing video. I would like to suggest two improvements.
A section tag should start with a heading i think. You could use a block element with a container and set the gutter to it instead of taking a section.
And second thing is, now we have two different Nav menus in the header. I'm not sure i think nav tag should be assigned to the main navigation. And in this case the DOM has 2 nav tags in the header (duplicated).
@@abdulwaheedorg I'll some research into the semantics involved here and push an update where necessary. Thanks for pointing this out
Thank you for sharing Oscar
Many thanks, you have a new fan!
Thank you!!
Thanks for the great video. I subscribed to your channel. However, I have one little thing that I don't like so much. Whenever you make adjustments in Bricks, you switch to time lapse. The Nested Nav element in Bricks has a lot of shifted settings. The time-lapse sometimes makes it difficult to follow, and I had to watch some passages several times. The time saved by the time-lapse is not only lost, you actually need more time. I'm looking forward to more videos from you.
So sorry about the trouble with the timelapse. I can imagine it must be quite frustrating. Indeed, I had hoped to avoid wasting viewers' time. Never thought it would do the opposite in some cases. I'll make sure to keep this in mind for subsequent videos. Thanks for your valuable feedback
Thank you Oscar, please how did you get that BEM stuff to appear when you hover on your element structure?
@@mimam-hebron It is part of the AutomaticCSS plugin
"Your mobile style sh*t" Lol... Great tutorial :)
@@20point10 I'd hoped no one would catch that. 😂😂
Oscar. Thank you for taking the time to provide this extremely detailed tutorial. One question. Is there a way to generate the "Back" text if there is only one sub-menu? It appears that the "Back" text feature only works if there are 2 levels of child sub-menus.
Thank you for taking the time to watch the video. I assume you're referring to the back button to return back to the main top level menu. By default it is not included because the second levels are designed to display as dropdown accordions and not fullscreen as we have modified it to behave. Therefore, we have to make our own back button. I addressed the issue from 39:56 Do let me know if this helps or you can further clarify
Hello, first of all thank you very much for your video, it was very useful. However, may I ask how to change the icon for opening and closing the menu? I did it exactly according to the instructions and I still have the hamburger menu at the top, although I have offcanvas open on my mobile.
Hmm do you have caching on? Maybe try clearing your cache
@@OscarObians I dont have cashing plugin. Maybe i found isuue at 14:27 where u talk about custom animated icon. I just add icon from Themify icon library in Bricks, is this that problem?
@@adamprazan Yes that would be the problem. The template zip file includes the animated SVG icon which you can upload. Just choose SVG instead of themify and upload the SVG icon I included
@@OscarObians Yes, there was a mistake in that icon. There is no mention in the instructions that you need to add JS to change the icon after clicking. I somehow thought that the icon would change automatically thanks to bricks. However, I solved it by downloading an svg icon that changes shape when clicked thanks to css and adding instead of the old hamburger icon, which is by default in bricks in the nav (nestable). Then just display:none for computers and it's done. :)) Thanks again for the tutorial.
@@adamprazan That's strange. There's no JS needed to make the icon animate. Its all fully CSS Bricks already supplies the JS like you mentioned. You only need to upload the SVG I included in the MLH Template Zip folder just like any other SVG toggle icon and it should do the rest. I'm glad you managed to get ti working nonethless
Thank you for this video. But what if I would like to have overlay menu?
Could you share an example?
@@OscarObians I solved it - overlay menu - menu over hero section without the background. But I have another problem the height of offcanvas element doesn't work for me.There is a class .brx-offcanvas-inner which has fixed height.
ok the height in content tab is something else than height in style tab in offcanvas element.