Archived topic

Sub-menu items appear in second row

7 replies · Started by rex wickham on January 17, 2015

Viewing posts 1–8 of 8

January 17, 2015 at 8:54 am #66123

I have a menu with one level of sub-menu items

I'd love to have the secondary level open underneath the first level as shown in this example

The second line would only show the sub-menu items for the relavant top-level menu item.

January 17, 2015 at 11:16 am #66133

Hi there,

I'm not seeing any example?

Let me know :)

January 19, 2015 at 1:20 am #66606

Sorry, here's a link to an example

the second row is depenent on which main item is selected

http://imgbin.org/index.php?page=image&id=21880

January 19, 2015 at 9:52 am #66699

Ah, this is do-able but would require significant customization - a bit too much for me to do in here.

I'll look through it and see if this can be offered as a feature down the road.

January 19, 2015 at 12:41 pm #66771

I did see some suggestions this could be done with CSS

eg
https://wordpress.org/support/topic/display-sub-menu-horizontally-1

But quite apart from actually getting the sub-menu items to appear horizontally there's still the problem of getting them to appear in a nice way on the navigation area...

January 21, 2015 at 12:10 pm #67372

Here's some CSS that may work..

https://gist.github.com/generatepress/fc710ced4501566999fc

Let me know :)

January 21, 2015 at 12:40 pm #67401

Very impressive!

Have a look at http://www.wookeyfarm.com/camping/things-to-do-and-see/

The only thing is that it's not staying on view all the time, not just on hover.

regards
REX

January 22, 2015 at 12:17 am #67564

Yea, it's working as a regular dropdown.

To make it so you have to click it to see the dropdown would involve considerable javascript.

I may add that functionality to an add-on in the future, we'll see :)

This archived topic is closed to new replies.

Start building better websites today.