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?
Related
In a website I am working on, a customer wants another menu with multiple dropdowns under the main navigation menu.
Instead of using the typical menu features associated with Drupal's Bootstrap theme, I used pills.
Is it possible to enable some users to view these pills but not others? I know it is possible to do so with pages.
I have enabled each user to have their own page, which only they can see.
Ideally, I'd like for each user to be able to see a "My Profile" Pill (or Menu, or Button, whatever works), that directs them to their own page.
The problem I've been having is that in the pill drop-down menu, they can also see everyone else's link to their page, even though when they click it, they can't access another user's page.
Also, I have tried the same thing with the Main Navigation Menu that is already built into the Bootstrap theme, and it works just not with the pills.
I can't seem to find any code that references this either.
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 installed a new theme in WordPress and I found the navigation/menu for this theme in mobile view is Icons Menu not horizontal menu as in normal browsers view
Check this picture:
http://oi58.tinypic.com/2q3xaw0.jpg
Which part in the theme files is responsible for this issue?
CSS? or any other php file?
In Chrome right click the menu bar and select "Inspect Element".
Now you can inspect the elements on the page and see what ID or Class they have.
Search the Theme folder for a file called custom.css, here you can add new css styles that will override the old ones. Now you can redesign the menu bar as you like.
Or,
There may be a menu setting in the wp-admin backend of wordpress. Check the wordpress sidebar on the left for a new item named 'your theme' and search the options for menu settings, you may be able to check a button to change it there.
I'm currently working on a Wordpress website with an custom jQuery menu. And everything is working fine except for one thing. I want to add a active class to an menu item that corosponds with the current page.
So basicly when the viewer is on the page "catering" I want the catering menu button the have an different style then the rest. But because it's wordpress I can't put in the html so I guess it has to be done with PHP but that's really not my thing.
So I was wondering if any of you could point me in the right direction. Here is the link to the website http://no-illusions.nl/projecten/kokaanhuis/wordpress/# no pages are currently working but when you hover over a button a brown layer appears, I want that layer to be static (when it's down) on the current home page but can´t figure out the best way to do it.
Use wp_nav_menu (http://codex.wordpress.org/Function_Reference/wp_nav_menu). It attaches a current-menu-item class, as well as a few other useful classes (current-menu-ancestor, etc) for styling. Plus you'll also be able to easily edit the menu with the menu admin page.