Mobile Menu in Oxygen Builder
Vložit
- čas přidán 2. 07. 2021
- Create a mobile menu with only basic elements and take full control of how elements will behave.
Elements used in this tutorial are Div, Link Wrapper, Image, Nav without oxygen responsive settings.
Toggle is done with Scripts Organizer but can be done with code block as well. I prefer to have them here as it's much easier to manage them from Scripts Organizer.
If you don't have Scripts Organizer purchase it now as the price will rise when we are premium tutorials:
dplugins.com/products/scripts...
If you have questions about the video join our Facebook group:
/ dplugins
Grab toggle code here:
dplugins.com/tutorials/custom...
THIS is the only way to customize the mobile menu, other than the default? 😢 gosh, maybe oxygen is not for me. I saw a guy doing something similar en elementor and it was simpler. Thank you for the video!
elementor is so simple bro, I've built websites with both builders
Hi. What should I do to prevent the menu bar from disappearing when I scroll down the page?
You need to write java script to trigger it. But that is terrible ux.
Yes, it's a terrible situation. I don't understand why they make this job so difficult. Even if there is an option (fixing), it is probably very difficult to do it.😅@@DPlugins
Luckily I found the solution. When I changed the position to fixed in the layout settings, the problem was solved.😄@@DPlugins
Great video 🤗
Thank you 🤗
Nice One. Thanks
You're welcome
BOSS energy! Tnx
Always!
I would like to see also the submenu open.
submenu is more than 100% width. how to fix it ?
Mobile menu should be, position: absolute; top: 0px; height: 100vh;
Also, this approach is no good because you are using the desktop menu with dropdowns. These dropdowns will not show as a mobile list.
if you are using 100vh you will have problem on the android phones as some browsers are not calculating bottom bar and you will get scroll. best is to use html, body and menu item height 100%
But you don't have to make your menu cover the entire screen when it's toggled. It's one choice, but not the only choice.
So, what's the better approach?