Sub (children) menu

[BSPSMember]

Hi,

We’re creating quite a few children sub-menus and with the free Neruo the handling was much better.
Can you please help me to create a children that will only appear when you’re hovering the parent item?
I know it’s has to be done with

#fullnav #fullnav_menu > li > .children {

but I have no idea exactly how…

Our webpage is: http://www.belgravesouthps.vic.edu.au/ (the menu in question is the “Student Learning”).

Cheers, Ronen.

[Bryan HadawayKeymaster]

Was this working before at some point on the pro version? Did you add any custom CSS that might be effecting the menu?

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[BSPSMember]

Not on the pro.
I think it was working on the free version (which convinced us to go Pro short after we found it).

Any quick fix that can help us?
As you could see – without it our menu looks really bad…

[Bryan HadawayKeymaster]

Let me check with development.

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[BSPSMember]

Hi mate,

Any news?

[Bryan HadawayKeymaster]

Here is what development said:

“I checked for the issue, but submenu is working fine. It may be due to some customization made in that case. One thing i can notice is class of child menu is different than mine. I think if the submenu is created by drag and drop of Appearance -> Menus then it should work. Please have a look and let me know whether the issue is reproducible at your end.”

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[BSPSMember]

Hi,

There’s no modification to the core theme. The only CSS modification was something you offered to someone else in here and I tried, but I cleaned it now (http://www.belgravesouthps.vic.edu.au/Clipboard01.png).

As you can see, the menus look the same, with all the sub menus open into a long menu instead of appear only when you hover on the parent (http://www.belgravesouthps.vic.edu.au/Clipboard02.png)

I tried the same site (a staging) with the free Nuero (http://www.belgravesouthps.vic.edu.au/Clipboard03.png) and as you can see, the sub menus are revealed only when you hover over the parent (take a look at the items “Grade 2″ and below, as oppose to the picture before where it’s all open).

 

I guess that in order to show the sub menus only when you hover over the parent and after you’re leaving the parent to hide it, you’ll need to assign a specific class to the children (currently it’s only class=”children” to all). That has to be coded into the core PHP files of the theme. I would love if you guys could do that, otherwise, if I’m hacking the theme – I won’t be able to update anymore.

If you’ll create an update where each child gets a class from it’s parent, I guess I could come up with CSS that does the magic of showing and hiding the children, unless you could provide it all for me and the rest of the users of this theme.

 

Cheers, Ronen.

[Bryan HadawayKeymaster]

I’m starting to wonder if this is a browser-specific issue. Do me favor and test the demo:

http://demos.cyberchimps.com/neuropro/

If that dropdown is working just fine for you then I suspect something is going on, on your end. Make sure to deactivate all plugins and is everything up-to-date under Dashboard > Updates?

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[BSPSMember]

Hi Bryan,

It’s not browser issue. I do get the folded menu on the demo site, same as the Nuero free theme. Does the demo have the latest version of the theme?

Anyway, this sub menu is only unfolding itself and would not fold back when you leave it’s parent. This is unusable when you have as many sub-menus as we have.

Once again, I think I can get the CSS to do what I need, but in order to do that, I need the theme core file to add another class to the children that is associate with the parent. Eg, now you have class=”children”, but adding something like class=”children children1″ for all the sub menus of parent one and class=”children children2″ to parent 2 etc will allow to create a smarter sub-menus with unlimited drill down.

The base concept is this: http://www.devinrolsen.com/pure-css-menu-with-infinite-sub-menus-tutorial/

The demo here: http://www.devinrolsen.com/wp-content/themes/dolsen/demos/css/infinite-sub-menu/

 

I know I can dig into the PHP files, but I prefer now to hack the core of the theme. I would create the CSS in the custom section, and will contribute back here for the sack of the rest of the users.

Can you ask the development to make this happen in the next theme version?

 

Cheers, Ronen.

[Bryan HadawayKeymaster]

Yes, I’ll forward this back to dev.

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[DevelopmentParticipant]

Hey Ronen can you add the following css to your custom css box and tell us if that does what you wanted it to?

ul#fullnav_menu li ul.children li ul.children {display: none;}

ul#fullnav_menu li ul.children li:hover ul.children {display: block;}

We have tested this on your site and it hides the children elements within the dropdown menu and only reveals them when hovering over the parent.

Let us know :)

[BSPSMember]

Hi mate,

That’s exactly what I wanted in terms of hiding the sub menus.

The only thing I would ask, if that’s ok, can add any css to move the sub menus to the right so when you move between the parents, it won’t “push down” the next parent?

It just that now when you move between parents – the sub menus appear and when you leave them – everything jumps up. You have a look at our site now, it’s with the custom CSS in place.

I will later find a way to use jQuery to make it smooth, but for now pure css will do.

 

Cheers, Ronen.

[Bryan HadawayKeymaster]

At this point I would recommend checking out and testing the menu of:

http://demos.cyberchimps.com/ifeaturepro/

And considering switching themes which we can accommodate if you want to shoot us an email:

http://cyberchimps.com/support/questions/

Otherwise, I think the level of customization you seek has left the scope of what we can cover.

---

CyberChimps Community Manager | Web & Graphic Designer
Design: http://calmestghost.com/ | Blog: http://bryanhadaway.com/

(please do not contact me privately regarding CyberChimps related issues – use https://cyberchimps.com/contact/)

[Author]

Posts