By gerontas on

Has anyone used FlexNav in their theme? If so I would be very grateful for some guidance on how you achieved it.

I would need to use it with my main menu but can't see how to get the classes etc set up.

Thanks

⋅ Categories: Drupal 7.x

Comments

BlackyWhoElse’s picture

BlackyWhoElse commented

I would recommend you Superfish.
Its much more powerful and easyer to use.

nodecode’s picture

nodecode commented

Hey, I was just wondering the same thing :)

Here's a module to assign menu classes http://drupal.org/project/menu_attributes

Please let me know if you find anything else out. I'll try and do the same.
BTW I don't think the SuperFish option is very responsive at the moment so I'm not interested in that myself.

gerontas’s picture

gerontas commented

@BalckyWhoElse - thanks but I need something different than Superfish which I already use. Using s-f with a responsive site needs several versions of the menu - or at least quite a bit of css to manage the orientation of the menu. I like the way FlexNav handles this so simply.

@nodecode - will look at menu_attributes - thanks. Will be interested to hear if you get it working.

EffortlessHR’s picture

EffortlessHR commented

You could modify, or have somebody modify superfish to work with a flexible layout?

gerontas’s picture

gerontas commented

Thanks @effortlessHR. I could modify s-f but I like the way FlexNav sets a break point and switches to the single drop-down. It is more accessibe than say TinyNav which uses a standard select list which can be difficult to style reliably and may not be the best solution for small mobile screens and fat fingers.

gerontas’s picture

gerontas commented

Having just looked at various resposive menus on an Android tablet, none work perfectly. There is discussion at http://drupal.org/node/1721390 of using s-f to be responsive but quite a lot needs to be done to get it working.
The FlexNav demo is actually quite poor on Android
Needs further research I guess.

BlackyWhoElse’s picture

BlackyWhoElse commented

Mey this links will help u out.
http://jasonweaver.name/blog/flexnav-jquery-plugin/

https://github.com/indyplanets/flexnav/blob/master/README.md

gerontas’s picture

gerontas commented

This looks more promising. It as most of the characteristics of FlexNav but with some code for Drupal

Ivan Chaquea - Creating a responsive menu for omega subthemes

There is also another promising approach HERE (sandbox at the mo)

DriesP’s picture

DriesP commented

I use Flexnav in combination with the omega theme for all my projects. I tested it out on Iphone and Android, works pretty great...

DriesP’s picture

DriesP commented

Did you guys have problems on Andoid with this menu? I use the andoid emulator to test it out... and it seems to be working just fine.

gerontas’s picture

gerontas commented

It works on a tablet screen in android but i have not yet tested it in an actual small screen (ie when it collapses into just the 'menu' link)

Can you give any advice about how you got it working?

gerontas’s picture

gerontas commented

I just wanted to complete this with this update

I never got FexNav working but am using the latest version of adaptivetheme which ships with an excellent implementation of a mobile menu toggle which is the best solution to responsive menu that I have found so far. It works by replacing the menu region with an expandable 'menu' link link on mobile screens.

jenlampton’s picture

jenlampton
she / her
commented

Hey all,

I created a little module that will add a FlexNav menu to your Drupal site: https://drupal.org/project/flexnav

I've found that the jQuery Library itself can be a little buggy, but this gives you a pretty good start. Please give it a try and file some issues if you find them! :)

bkeller’s picture

bkeller commented

Is it just me or is there no module to download/install?
Would really like to try this out - using 7.x with an Omega 3.1 subtheme.

julianball’s picture

julianball commented

There's no download link available for this module - is this something that will be added soon? Thanks!

swim’s picture

swim commented

One will appear soon, this is most likely related to the packaging issues some new projects are experiencing.

Diane Bryan’s picture

Diane Bryan commented

Hey Jen,
Waiting with bated breath. Need a click-to-open on all devices solution, and this is looking like the strongest.