Hi Elijah Great tutorial, as always. Maybe it's a good idea to state which version of Oxygen you're using as I began going through this using 3.2 and had no idea you'd added the new fields, off canvas width and min width. This caused me some confusion until the penny dropped and I upgraded to 3.2.1. cheers and thanks once again - roy
Thanks for great job. One thing that I've found is users are required to exact-click on the icon to get over to sub-menues. If you click menu text other than the icon, you are directed to the page not the sub-menus. Any way to fix this?
Thanks for the video Elijah. I would like to add buttons and other ellements in the off canvas container. Also please improve the save option in the Pro Menu. Awesome job
Nice job .. one issue I have with the pro menu is it vertically centers the menu items - I really would like to know how to position these at the TOP so the user doesn't have to move the mouse / finger etc too far for navigation. So a quick how to would be cool TIA
Thank you for the video. The problem is the Rotation and Open Rotation do not always work correctly. For example, if I close a submenu the icon doesn't always roll back to its Rotation position, sometimes I have to tap outside the Menu area to get it to rotate back. I'm currently using version 3.7.1.
Please update this tutorial including an anchor link for one-page sites, at the moment when someone clicks on such a link the menu doesn't close and the page isn't scrollable, thank you
This works for me. Since I have a submenu that I toggle with #-Tag, I close the menu only when there is also an anchor value: (function($) { $(".oxy-pro-menu-list a[href^='#']").on("click", function() { if($(this).attr('href').length>1) { $(".oxy-pro-menu-mobile-close-icon").click(); } }); })(jQuery);
Is there anyway, after opening menu, that you can adjust padding so menu does not start have way down page. I don't like where it starts. I think that looks horrible. Otherwise , it looks graet!
One thing what I'm still don't understand. Why the open and close icon isn't at one place? From the UX point of view, this isn't good solution, because it disturb me everytime - changing the focus to find the close button.
1. Is there a way for the mobile sub menu drop-down to push down rather than "Grow"? 2. Also, can I have a custom widget / div above the first item in the menu? Example - like a search bar or some custom buttons? Something like this: ibb.co/JjKyZP6
Thank you very much. This tutorial saved me a lot of time manipulating my mobile menu....
Thank you - that is just what I was looking for.
Hi Elijah
Great tutorial, as always.
Maybe it's a good idea to state which version of Oxygen you're using as I began going through this using 3.2 and had no idea you'd added the new fields, off canvas width and min width. This caused me some confusion until the penny dropped and I upgraded to 3.2.1.
cheers and thanks once again - roy
Thanks for great job. One thing that I've found is users are required to exact-click on the icon to get over to sub-menues. If you click menu text other than the icon, you are directed to the page not the sub-menus. Any way to fix this?
Thanks for the video Elijah. I would like to add buttons and other ellements in the off canvas container. Also please improve the save option in the Pro Menu. Awesome job
Co-sign this! Please add the option to add other buttons that are not directly related to a menu, such as a log-in button etc
Any way to align the menu items to the top without custom code? I'm not a fan of the centered layout.
Nice job .. one issue I have with the pro menu is it vertically centers the menu items - I really would like to know how to position these at the TOP so the user doesn't have to move the mouse / finger etc too far for navigation.
So a quick how to would be cool TIA
Would love the answer to this...
Any answer?
Hi again
Is there a way to have the mobile menu close after clicking on a link?
cheers
Did you manage to find a way?
@@iBakoBence +1
Thank you for the video. The problem is the Rotation and Open Rotation do not always work correctly. For example, if I close a submenu the icon doesn't always roll back to its Rotation position, sometimes I have to tap outside the Menu area to get it to rotate back. I'm currently using version 3.7.1.
Are you guys planning on adding breadcrumbs and image wrapping soon?
Please update this tutorial including an anchor link for one-page sites, at the moment when someone clicks on such a link the menu doesn't close and the page isn't scrollable, thank you
This works for me. Since I have a submenu that I toggle with #-Tag, I close the menu only when there is also an anchor value:
(function($) {
$(".oxy-pro-menu-list a[href^='#']").on("click", function() {
if($(this).attr('href').length>1) {
$(".oxy-pro-menu-mobile-close-icon").click();
}
});
})(jQuery);
Whats up ELIJAH!
Hi Elijah, I can change just about everything in dropdown BUT for the link color and link hover color. No idea why it's not working.
Is there anyway, after opening menu, that you can adjust padding so menu does not start have way down page. I don't like where it starts. I think that looks horrible. Otherwise , it looks graet!
Did you ever find out how to do this?
Love the mobile on this menu
One thing what I'm still don't understand. Why the open and close icon isn't at one place? From the UX point of view, this isn't good solution, because it disturb me everytime - changing the focus to find the close button.
100% correct with this. The real tutorial would have been to script the menu button to toggle open/close states.
1. Is there a way for the mobile sub menu drop-down to push down rather than "Grow"?
2. Also, can I have a custom widget / div above the first item in the menu? Example - like a search bar or some custom buttons? Something like this: ibb.co/JjKyZP6
sooo....how can I change the text within the menu??????
So the Pro Menu has a closing animation but the modals still don't :(