I have a Drupal 9 website with the default Drupla Olivero theme. When the navigation switches to mobile menu, I want the main menu to be unfolded. I need pure JS code. Drupal 9 no longer supports jQuery.
Here is the main menu collapse :
Here is the main menu unfold :
Related
when using the default "Nav Menu" widget in Elementor Pro, I'm facing the lack of features that don't allow to modify the font styling of the currently active site in the menu.
I need to create the following menu:
the page called "vita" represents the active page.
Do you have any idea for a workaround?
I am using ajaira theme for a simple wordpress website.
I am unable to add more than one active dropdown menu to the navigation bar at the top of the homepage.
Every time I knock up a new menu it seems to kick out the existing menu
Perhaps the issue exists because I can select only one Primary menu when making up the menu ?
The theme tells me that supports 3 menus - but that will refer to 3 menu locations across the page ( header footer etc ) not just limiting me to 3 menus in the navigation bar surely ?
Very green when it comes to coding but i will have a bash !
Any tips/pointers/suggestions would be welcome... thanks.
I'm using the WordPress Genesis Framework and I have created a separate mobile menu (as I had to split the desktop one in two) and I'm using the built-in responsive menu it has, but I cannot figure out how to get Genesis to open the new mobile menu I created rather than the primary one.
Is there some way you can provide a different selector/id so Genesis knows to target a different menu?
When you add a new menu, you give it a name. Let's say we name it 'footer menu 1'. When you add this menu to your page (either through php or through the Custom Menu Widget), it will get a ul with id = "menu-footer-menu-1". You can use that to target the menu.
The built-in responsive menu I've seen with genesis is to have the menu items flow to multiple lines if the screen gets too small. Many of the Genesis child themes, though, include some javascript to turn the menu into a hamburger icon at certain window widths. You'll have to check your child theme files to see.
I would put both the desktop menu and the mobile menu in your markup and use media queries (or javascript) to hide the respective menu depending on the width of the window.
I would like to be able to create a navigation menu in WordPress in which the top-level nav items are not pages, but rather menu headings, which expand the sub menu when clicked.
The default WP menu behavior is that all menu items are links to content (pages, posts, etc), and that sub-items are viewed upon hover.
I'm looking for a way to make it work more like the menu behavior built into Twitter Bootstrap (and for the same usability reason).
I'm looking for a solution that either already exists as a plugin, or which I can build into a plugin, so that anyone can create a new menu like this in the WordPress menu editor.
checkout this tutorial :
https://digwp.com/2011/11/html-formatting-custom-menus/
If you dont want any custom html structure than you can simply add the classed to menu and for top level menu create a custom link with # as href.
I am a total beginner on the platform wordpress ... bought a theme, installed it, everything right, the menus appeared. But I would like to include a submenu, the parent menus in a theme and create a page to add.
How do I do that?
I'm lost.
Ok, so on your dashboard you see the main menu down the left hand side. The editor for menus is under Appearance -> Menus.
In there you should be able to easily structure your menus and sub-menus with a simple drag and drop editor, as long as your theme supports editable menus and sub-menus.
As for creating pages, you do that by going to Pages -> Add New. Once you have created a page it should show up in the menu editor to be added.
Hope that helps.