Menu icon Foundation
Drop-down Component

Screenshot foundation.zurb.com 2016 03 05 16 47 30

I want the drop-down panel to be bottom & right aligned to the button, not left aligned like the image. How can I do that?

Thank you

dropdown

Screenshot foundation.zurb.com 2016 03 05 16 47 30

I want the drop-down panel to be bottom & right aligned to the button, not left aligned like the image. How can I do that?

Thank you

Samuele Vico over 3 years ago

I have the exact same issue. if someone could solve this, that would be much appreciated.

Thanks in advance
Sam

SHERIF over 3 years ago

Any Help !!

Vladimir over 3 years ago

I tried and used method from Zurb manual which says:
"By default, a dropdown anchors below the button that opened it. Add the class .top, .right, or .bottom to the dropdown to change this."
so I added "bottom right" and what happens is not what we need. So another bug to report

http://codepen.io/zlatiborac/pen/wGKNwe

Vladimir over 3 years ago

@Samuele Vico @SHERIF Just received reply from github member, you can only add one class, so either left, right, bottom or top. You can not combine two of them as it will take only first one. So, either someone writes down JS code to allow such thing or you forget on bottom right align.

Samuele Vico over 3 years ago

Thank you @Vladimir ... that isn't the answer we wanted to hear, but at least now we know what we gotta do

SHERIF over 3 years ago

Thank You @Vladimir, I think we gonna do it manually