I am sure this is a basic question, but I am struggling about having a correct menu structure.
Basically, I have the following menu structure
Activity → Top level main menu - which is a page
– Sub Activity 1 → which is a page
– Sub Activity 2 → which is a page
So I have 2 questions
when I go on the page sub activity 1 or 2, the main menu item “Activity” is not colored to show that I am in this menu, what structure should I use to have the main menu item colored?
How do I make the top level item “Activity” a clickable link to access its content? Currently, I can only rollover to see the 2 other submenus.
I hope you are well today and thank you for your question.
1) when I go on the page sub activity 1 or 2, the main menu item “Activity” is not colored to show that I am in this menu, what structure should I use to have the main menu item colored?
You can color it by adding the following CSS code in the Custom CSS option of your theme on the below path.
Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS
Movin, I get this error running 4.3 Fatal error: Cannot redeclare custom_nav_menu_link_attributes() (previously declared in /home/asyoulik/public_html/wp-content/themes/sparkling-child/functions.php:19) in /home/asyoulik/public_html/wp-content/plugins/colorlib-plugin.php_3/colorlib-plugin.php on line 16
I even added the lines to the child functions.php file, still nothing.
My top level menu items are simply pages, and they are not clickable still. As of right now, even though the menu items are set to be a page, they are still linking to …nothing (#)!
You got this error message because the function declared in the attached colorlib plugin is also you have declared in the sparkling child theme functions.php file so to resolve the issue try temporary deleting the function from the functions.php file of your child theme.
I visited your site http://asyoulikeitllc.com/ to test it and found it’s working fine as shown in the attached screenshot.
Actually… Want to see something even crazier? When I activate the parent them, the menu items revert back to #. Watch the bottom of this new screencast as I switch back and forth from parent to child themes http://screencast-o-matic.com/watch/cojTDafkI6
When I activate the child themes, they go back to being menu items that still are not clickable.
Movin, I just wanted to make sure I sent a screenshot (as well as all the above) that would go ahead and verify that the plugin AND the code in the child functions.php file are (indeed) NOT going at the same time, and the top level menus are still not clickable.
I tested on your site and confirmed the issue that the anchor link for parent menu is getting displayed as i have described previously but on clicking on it nothing happens.
To make the parent menu link work on clicking on it i have added some extra code in your site in the plugin that i have provided previously and now i have confirmed that it’s working fine on your site.
Could you please check it and let me know how it works for you now?
Also for the reference i have attached the new updated plugin to this reply.
Holy Crappers Movin: <friggin’ huge>THANK YOU!!!</friggin’ huge> honestly it seems like that js tweak ought to be built in as default, then if an end-user wants to give it a placeholder of ‘#’ they can do that.
Howdy Movin. Hope your day’s going good. Any update on why the menu’s still are not working on mobile devices? ON clicking the parent menu, the sub menus should open. Yet for whatever reason, the sub menus are not opening when the main menu item is tapped on mobile devices.
Your thoughts on how to fix this theme’s navigation on mobile devices is greatly appreciated.
Movin, that new code (plugin 14) that you attached… That’s (basically) the exact same code that was in there before, right?
Are you testing it on real mobile device or using any simulator?
I’m looking at the site on both my Samsung Galaxy running Chrome on Android, and the wife’s sitting next to me here with her iPhone as well. Neither of them are working. The menu items are still neither opening, nor are they even going to the correct page.