Public Forums 71,145 posts

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#204050

I’m working on setting up my site with Purity III (migrating from Teline IV).

One thing I need is a simple sidebar menu module where all the items are expanded. No drop-downs, no pop-outs, no JQuery effects. Just a list of links, with some simple styling (indenting, etc.) to show the layers.

I have tried to do this by putting a custom class suffix on a standard Menu module and then using class that to override the menu styling in my local LESS file. This isn’t working 100% because the various jQuery scripts (bootstrap, etc.) are still associated with the menu items and causing strange effects.

How can I override this and have a menu module that’s just plain HTML and CSS, with no scripting?

Thanks,

Chris.

[hmd1957 Friend hmd1957Join date: February 2015Posts: 13Downloads:0Uploads:6 Thanks: 2]

#560418

I don’t know whether I understand your question correctly, but I have made a simple expandable sidebar menu (www. ijscomanvenlo.nl) bij taking a menu module and putting it in position “off-canvas”.

Hubert

[csolar Friend csolarJoin date: July 2009Posts: 24Downloads:0Uploads:5 Thanks: 2]

#560435

OK, I’ll try to explain better:

In J2.5 (and Teline IV), if I used a normal Menu module and set “Show Sub-menu Items” to Yes, then I got a vertical list of the menu items, fully expanded. I think that’s just how it worked. This is how it looks on my current site:

With J3.3 and Purity III, the “Show Sub-menu Items” setting is ignored (so I guess that’s a bug).
That same menu module in Purity III looks something like this:

Note that the sub-menus are not expanded; if you click on the parent they pop out to the right in a floating bubble. Not at all the behavior I want!
I’ve tried to make it look the way I want via a module class suffix and some local CSS. This is the result so far:

It looks OK but the behavior is still strange because there are all these jQuery scripts associated with the <li> elements. As you mouse over the menu strange things happen with text/background colors, things that don’t seem to match with anything in the CSS. I can’t figure it out!

If there’s a way that I can make this menu module be just plain HTML + CSS, no scripts at all, then that would be great. I don’t know if or how I can do that.

Chris.

---

Attachments:

1. 
2. 
3. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560471

@csolar: I would need to take a closer look at your site. Please pm me URL of your site and admin login. I will help you to check it further.

[Author]

Posts