(Using CSS to) keep sub menu open

[leeaho]

Started a new thread as a continuation from:

https://css-tricks.com/forums/topic/using-css-to-keep-text-dropdown-menu-open/

Similar issue, attempting to keep submenu items open whenever a page of the submenu is open. For example… the link:

http://www.inex.la/

So if you were to click on Tables > Dining, the tables menu would stay open while the user was on any of the child items… so on and so forth for the other items.

The best I’ve gotten is to keep all submenus open at ALL times, which is not ideal. Any help would be appreciated.

[Paulie_D]

The example site uses Javascript to achieve that result.

Click events require, in the vast majority, JS to function.

There are HTML/CSS ‘hacks’ that mimic the same behaviour but I wouldn’t recommend them.

Could you make a demo of your existing navigation in Codepen.io?

I’m sure we could work something out.

[leeaho]

That is the interesting part. The client had set this up in SquareSpace and where as I think I may have found the .js file, I’m not even sure the files I’m looking at are the correct files, as anytime I try to make a change to the CSS on the backend, no changes take effect. They only take effect when you use the backend css editor they give you from their control panel. I’ve never worked with SquareSpace so maybe I’m looking in the wrong place… but is this any help?

http://codepen.io/leeaho/pen/MYVKem

[Paulie_D]

Erm…OK….wow…there’s a heck of a lot of stuff going on there and I don’t understand the vast majority of it.

What we actually need is just the bits that relate to the navigation but I suspect that you may not be able to trim out the irrelevant parts.

I’m going to have to pass on this one…it’s several levels above my knowledge level.

[leeaho]

Yeah, in all honesty this SquareSpace is a nightmare -.-

[Author]

Posts