# Correct menu structure with clickable top menu for Sparkling theme

**URL:** <https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613>\
**Category:** Sparkling\
**Created:** [June 26, 2015, 2:12pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613 "2015-06-26T14:12:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![thedavix](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/t/59ef9b/32.png) [@thedavix](https://colorlibsupport.com/u/thedavix)\
**Post date:** [June 26, 2015, 2:12pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/1 "2015-06-26T14:12:54Z")

</div>

Hi everyone,

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

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?

2. 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.

Thank you very much for your insights  
David

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [July 10, 2015, 8:32am UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/2 "2015-07-10T08:32:37Z")

</div>

Hi David,

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

```auto
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle{
    color: #DA4453;
    background-color: transparent;
}

```

> 2) 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.

You can make it clickable by using the attached small plugin specially developed for you.

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![thedavix](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/t/59ef9b/32.png) [@thedavix](https://colorlibsupport.com/u/thedavix)\
**Post date:** [July 13, 2015, 2:53pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/3 "2015-07-13T14:53:42Z")

</div>

Movin,

Everything works like a charm 🙂  
Thank sooo much for your help and time you took to develop this! 🙂

Have a great day

David

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [July 13, 2015, 3:01pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/4 "2015-07-13T15:01:01Z")

</div>

I am glad that i could help you 🙂

You are always welcome here 🙂

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 25, 2015, 2:45am UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/5 "2015-08-25T02:45:02Z")

</div>

[http://asyoulikeitllc.com](http://asyoulikeitllc.com)

> **[Screenshot](https://prnt.sc/88jz20)**
>
> Captured with Lightshot

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 (#)!

Any ideas how to fix this?  
Thanks! -Brad

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 25, 2015, 1:01pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/6 "2015-08-25T13:01:34Z")

</div>

Hi Brad,

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/](http://asyoulikeitllc.com/) to test it and found it’s working fine as shown in the attached screenshot.

Is it working fine now on your site?

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 25, 2015, 4:25pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/7 "2015-08-25T16:25:00Z")

</div>

So… wait {scratches head}… When you went to the site and clicked on the “Bathrooms” menu item, it actually opened the page of /bathrooms?

It’s still not working for me at all.

Here’s a video cast of the problem still existing:  
[http://screencast-o-matic.com/watch/cojTDqfkld](http://screencast-o-matic.com/watch/cojTDqfkld)

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 25, 2015, 4:38pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/8 "2015-08-25T16:38:54Z")

</div>

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](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.

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 25, 2015, 5:04pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/9 "2015-08-25T17:04:56Z")

</div>

I just reinstalled WordPress 4.3 and it didn’t change anything.

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 25, 2015, 7:15pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/10 "2015-08-25T19:15:40Z")

</div>

This time I backed out the 1.9.4 from git, and instead went with the 1.9.3 version.

Still no change to the top level menu items.  
All plugins disabled, and even backed out all custom functions.php options as well.

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 26, 2015, 2:23am UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/11 "2015-08-26T02:23:29Z")

</div>

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.

Any ideas?

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 26, 2015, 2:27am UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/12 "2015-08-26T02:27:11Z")

</div>

ftp:  
[asyoulikeitllc.com](http://asyoulikeitllc.com)  
asyoulik  
8ae81a14

[http://asyoulikeitllc.com/wp-login.php](http://asyoulikeitllc.com/wp-login.php)  
AsYouLikeIt  
AsYouLikeIt2015!@

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 27, 2015, 3:10pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/13 "2015-08-27T15:10:32Z")

</div>

Hi David,

Thank you for sharing the site details.

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.

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 27, 2015, 3:54pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/14 "2015-08-27T15:54:02Z")

</div>

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._

Regardless…

Again: THANK YOU!!!

_ **EDIT** _ **Why’s this still not working on mobile?**

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 28, 2015, 3:23pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/15 "2015-08-28T15:23:21Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [August 31, 2015, 8:30am UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/16 "2015-08-31T08:30:35Z")

</div>

Hi Brad,

We are using the following WordPress wp\_is\_mobile function to determine whether the site is accessed using the mobile or desktop so it should work.

> **[wp\_is\_mobile() | Function | WordPress Developer Resources](https://developer.wordpress.org/reference/functions/wp_is_mobile/)**
>
> Test if the current browser runs on a mobile device (smart phone, tablet, etc.)

Are you testing it on real mobile device or using any simulator?

Which mobile device are you using to test it?

Please also try using the attached updated plugin.

Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![bayacademy](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/b/49beb7/32.png) [@bayacademy](https://colorlibsupport.com/u/bayacademy)\
**Post date:** [August 31, 2015, 11:13am UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/17 "2015-08-31T11:13:54Z")

</div>

Hey guys,

Ive got the same issue with Parent page links in the menu not working on [www.airlokinsultaion.co.uk](http://www.airlokinsultaion.co.uk) - have you managed to resolve this yet?

George

---

<div class="post-metadata">

**Author:** ![bradgriffin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/bradgriffin/32/3296_2.png) [@bradgriffin](https://colorlibsupport.com/u/bradgriffin)\
**Post date:** [August 31, 2015, 2:38pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/18 "2015-08-31T14:38:41Z")

</div>

> **[Screenshot](https://prnt.sc/8azqc2)**
>
> Captured with Lightshot

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.

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [September 1, 2015, 12:27pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/19 "2015-09-01T12:27:03Z")

</div>

Hi George,

The parent menu acts as placeholder and is not clickable is the default functionality of the theme and not the bug.

You can change this default functionality to make parent menu clickable by using the shared small plugin attached to the following reply.

[https://colorlibsupport.com/t/correct-menu-structure/page/2/#post-28178](https://colorlibsupport.com/t/correct-menu-structure/page/2/#post-28178)

Best Regards,  
Movin

---

<div class="post-metadata">

**Author:** ![movin](https://colorlibsupport.com/user_avatar/colorlibsupport.com/movin/32/10922_2.png) [@movin](https://colorlibsupport.com/u/movin)\
**Post date:** [September 1, 2015, 12:30pm UTC](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613/20 "2015-09-01T12:30:10Z")

</div>

Hi Brad,

> http://prntscr.com/8azqc2 Movin, that new code (plugin 14) that you attached…. That’s (basically) the exact same code that was in there before, right?

It’s not the same code.

Can you notice the two differences in the code as ponied by the arrows in the attached screenshot?

So please try using the latest shared plugin and test it on your site after clearing browser cache.

Regards,  
Movin

[Next page](https://colorlibsupport.com/t/correct-menu-structure-with-clickable-top-menu-for-sparkling-theme/7613.md?page=2)