[Menu] Make Fixed Menu Collapsable

JakePrasad commented 10 years ago

Hi,

Having a collapsable fixed menu is something of a must have with the rise of phones. Something similar to Bootstrap's collapsable navbar or Foundation's top-bar would be great. http://getbootstrap.com/components/#navbar http://foundation.zurb.com/docs/components/top-bar.html#

jlukic commented 10 years ago

I agree that all menus should reformat to vertical menus when at mobile widths. With fixed menus converting to collapsible, click-to-open menus. The issue with click-to-open menus though is they require javascript.

Which means there would need to be a behavioral extension to menu to handle this.

isimmons commented 10 years ago

Trying out semantic for the first time and looking for this too. Spoiled by bootstrap :-).

feidens commented 10 years ago

Any updates on this? I read in another issue "Menus will have responsive variations". Any definite release date?

jlukic commented 10 years ago

Seeing the amount of activity on this, I'll prioritize this for this or next week.

rcarter commented 10 years ago

+1

dpanov commented 10 years ago

+1. This will be super useful.

whothisbeme commented 10 years ago

+1 This is a must.

mzbyszynski commented 10 years ago

Hey @jlukic, If you need any help implementing this, I would be happy to take a shot at it. Just let me know if you had any plans/ideas for how you wanted it to be implemented...

rkkautsar commented 9 years ago

+1 :)

raniglas commented 9 years ago

Seems like with 1.0, "right menu" does not work with mobile. Instead of collapsing (a-la bootstrap) it wraps around.

Was this resolved and I'm missing something? if so, is there an example?

Anyone figured a workaround to do this "manually"?

mvdkleijn commented 9 years ago

Has this been done??

jlukic commented 9 years ago

It has not been done yet.

trevorhreed commented 9 years ago

+1

jmasejo commented 9 years ago

+1 must have

whothisbeme commented 9 years ago

Is there a time frame when this might possibly be implemented?

jlukic commented 9 years ago

I would say after #1571 which is my main focus right now.

tirdadc commented 9 years ago

+1

I'm using the sidebar component in the meantime, but this is definitely a staple now.

piernik commented 9 years ago

+1

pcriv commented 9 years ago

+1

olurin commented 9 years ago

:+1:

bhanuc commented 9 years ago

+1 Would also love to help in the implementation if needed.

kareem2 commented 9 years ago

+1

avaz commented 9 years ago

+1

pagenoare commented 9 years ago

+1

Erbenos commented 9 years ago

+1

lsunsi commented 9 years ago

+1

serkan-koyuncu commented 9 years ago

+1

SpareShade commented 9 years ago

really beautiful css framework ! much appreciate your work , thank you!

1 for this :)

iamshipon1988 commented 9 years ago

This is something I would love to see as well. Do not want to load a separate menu just for this.

10robinho commented 9 years ago

+1 framework good like this one deserves it

BigGrecian commented 9 years ago

+1 I notice that when you use stackable menus in 2.0 with the tab feature on mobile the menu just makes the tabs not viewable making the whole site non mobile friendly.

haguro commented 9 years ago

+1

n4uti commented 9 years ago

+1 for stackable collapse menu

marcusmoore commented 9 years ago

+1 for me too.

saleem-latif commented 9 years ago

+1

MahdiMajidzadeh commented 9 years ago

+1

igorsantos07 commented 8 years ago

Sad to be one more to add a +1 here, with the issue having almost hit its second aniversary. This seems such a mandatory feature for nowadays mobile needs. I tried to implement something similar using mobile only/computer only classes but they only work for rows/columns, and messed a lot with the menu classes. Please, take a look at this! :(

MahdiMajidzadeh commented 8 years ago

I use bootstrap navbar unfortunately

igorsantos07 commented 8 years ago

Isn't it too much overhead to use both frameworks? Or did you manage to extract only the navbar from bootstrap? On 18 Sep 2015 05:18, "Mahdi Majidzadeh" notifications@github.com wrote:

I use bootstrap navbar unfortunately

— Reply to this email directly or view it on GitHub https://github.com/Semantic-Org/Semantic-UI/issues/157#issuecomment-141378624 .

dkovach commented 8 years ago

At the core of this issue in my mind is - what is the architecture decision in Semantic to handle this using either - mostly responsive solution or event / JavaScript to handle it? I need to pour over docs to see if I can determine, identify that...

This is one example of something needed, there are plenty more like this - but, they all should follow the same core tenets of the Semantic UI way...

And should this be more of how you form a "recipe" to use many Semantic elements combined to form a more strict component like this?

MahdiMajidzadeh commented 8 years ago

yes, only bootstrap nabvar

On Fri, Sep 18, 2015 at 7:04 PM, Igor Santos notifications@github.com wrote:

Isn't it too much overhead to use both frameworks? Or did you manage to extract only the navbar from bootstrap? On 18 Sep 2015 05:18, "Mahdi Majidzadeh" notifications@github.com wrote:

I use bootstrap navbar unfortunately

— Reply to this email directly or view it on GitHub < https://github.com/Semantic-Org/Semantic-UI/issues/157#issuecomment-141378624

.

— Reply to this email directly or view it on GitHub https://github.com/Semantic-Org/Semantic-UI/issues/157#issuecomment-141470412 .