Another great video! Do you have a video showing how to make a mobile menu in Pinegrow without using Interactions? I do not have Interactions. Thanks again for posting these.
I do, but you aren't going to like it :) Building Responsive and Accessible Navigation Menus with Alpine.js th-cam.com/video/t4ph7z3aLMk/w-d-xo.html Navigation menus are the bane of my existence and just about every product struggles with them. That's why I typically recommend that people just use Max Mega Menu. The free version has tons of features, is easy to use, and most of all is accessible. The pro version is relatively inexpensive and adds even more great features. www.megamenu.com/
I'm a long-time Pinegrow owner, but an infrequent user, and way past my best-before date for programming! I watched all the videos in this series but only followed along with some of the early ones. Once I thought I had a feel for how it all worked, I copied in your final and got it working, then started putting in my changes. Your videos were a great help in catching up with Pinegrow changes over the last few years. Thank you!! When I started making my changes, the menu pop-up was working. At the moment, the back to the top button still works, and if I load your final as a theme, the menu pop-up works. But at some point, the menu pop-up stopped working. I don't have interactions, so I can't recreate the interaction. One change I made was orienting the menu items vertically. Would that stop the interaction working? If not, any thoughts on how I'd debug this? TIA.
Hey, I get that all this is a lot to take in and keep up with. I’m basically the same way with things that don’t directly affect my day to day work. Kind of like all the cool stuff I know Pinegrow is doing with AI… I read the release notes and think to myself “that’s cool”, then promptly forget about it. As for your menu question, I think it might have to do with it being vertical. Take a look at the code that’s being run for the dropdown and which classes they add/remove. That’ll help you figure out which css changes need to be made. I hope this helps!
@@AdamLoweIO Thanks so much for the prompt reply. My "sleep on it and review in the morning" debugging technique suggests this is the best line of enquiry as well! Is there a way to see the javascript in its final form just before it executes? All I can see is something that looks like a list of parameters; I'll take another look and see what I can decipher. Thanks!
@@AdamLoweIO - Well, I never found out what was wrong, but I started over with the final and introduced one change at a time, checking if I'd broken the pop-up. I put in all the changes and it never broke, Some days, that's the way it goes. Thanks again for providing these viseos. I know how much work goes into them.
nice videos, nice course. Unfortunately I don't have interactions so I'll have to look for a different solution to open the mobile menu. For having something so basic such as mobile menu opener, I would expect the good guys at pinegrow to have a less sluggish solution.
That makes sense. I actually use Alpine.js for my menu interactions and I have a video showing how it’s done. I’m on my mobile and with my family at the moment, so I can’t find the exact video or timestamp. Just look for a VERY long video that I made about building a menu. There should be a timestamp about 3/4 through where I set up the logic.
@@AdamLoweIO oh that's cool! Found the video and I'll take a look. Love your intro ("..one of the things that you either copy from someone or do it wrong!..") 🙂
I just double checked and it's still working. Have you tried opening up the "final" project where I've already attached the animations? Also, in you are trying to test it inside the Pinegrow editor, be sure you have the "enable clicks" icon enabled. It's the little hand/finder icon in the top menu bar next to the code button.
Another great video! Do you have a video showing how to make a mobile menu in Pinegrow without using Interactions? I do not have Interactions. Thanks again for posting these.
I do, but you aren't going to like it :)
Building Responsive and Accessible Navigation Menus with Alpine.js
th-cam.com/video/t4ph7z3aLMk/w-d-xo.html
Navigation menus are the bane of my existence and just about every product struggles with them. That's why I typically recommend that people just use Max Mega Menu. The free version has tons of features, is easy to use, and most of all is accessible. The pro version is relatively inexpensive and adds even more great features.
www.megamenu.com/
I'm a long-time Pinegrow owner, but an infrequent user, and way past my best-before date for programming! I watched all the videos in this series but only followed along with some of the early ones. Once I thought I had a feel for how it all worked, I copied in your final and got it working, then started putting in my changes. Your videos were a great help in catching up with Pinegrow changes over the last few years. Thank you!! When I started making my changes, the menu pop-up was working. At the moment, the back to the top button still works, and if I load your final as a theme, the menu pop-up works. But at some point, the menu pop-up stopped working. I don't have interactions, so I can't recreate the interaction. One change I made was orienting the menu items vertically. Would that stop the interaction working? If not, any thoughts on how I'd debug this? TIA.
Hey, I get that all this is a lot to take in and keep up with. I’m basically the same way with things that don’t directly affect my day to day work. Kind of like all the cool stuff I know Pinegrow is doing with AI… I read the release notes and think to myself “that’s cool”, then promptly forget about it.
As for your menu question, I think it might have to do with it being vertical. Take a look at the code that’s being run for the dropdown and which classes they add/remove. That’ll help you figure out which css changes need to be made.
I hope this helps!
@@AdamLoweIO Thanks so much for the prompt reply. My "sleep on it and review in the morning" debugging technique suggests this is the best line of enquiry as well! Is there a way to see the javascript in its final form just before it executes? All I can see is something that looks like a list of parameters; I'll take another look and see what I can decipher. Thanks!
@@AdamLoweIO - Well, I never found out what was wrong, but I started over with the final and introduced one change at a time, checking if I'd broken the pop-up. I put in all the changes and it never broke, Some days, that's the way it goes. Thanks again for providing these viseos. I know how much work goes into them.
nice videos, nice course. Unfortunately I don't have interactions so I'll have to look for a different solution to open the mobile menu. For having something so basic such as mobile menu opener, I would expect the good guys at pinegrow to have a less sluggish solution.
That makes sense. I actually use Alpine.js for my menu interactions and I have a video showing how it’s done. I’m on my mobile and with my family at the moment, so I can’t find the exact video or timestamp. Just look for a VERY long video that I made about building a menu. There should be a timestamp about 3/4 through where I set up the logic.
@@AdamLoweIO oh that's cool! Found the video and I'll take a look. Love your intro ("..one of the things that you either copy from someone or do it wrong!..") 🙂
Awesome video. I tried running the animation and nothing happened. I wonder if Pinegrow made an update.
I just double checked and it's still working. Have you tried opening up the "final" project where I've already attached the animations? Also, in you are trying to test it inside the Pinegrow editor, be sure you have the "enable clicks" icon enabled. It's the little hand/finder icon in the top menu bar next to the code button.
@@AdamLoweIO I discovered the issue. Pinegrow didn't add the necessary files when interaction was activated. Thanks for responding btw