Menu icon Foundation

My Posts


  • 2
    Replies
  • Foundation 6 - JS for the Dropdown Menu

    By toshfox

    dropdown menu

    hello guys...I am learning to creation websites with foundation 6, and it seems I am not smart enough to understand why my dropdown menu doesn't work.Maybe coz english is not my native language, but this is what I understand : In Foundation 6, the d... (continued)

    Last Reply by toshfox over 2 years ago


My Comments

toshfox commented on toshfox's post over 2 years

Of course :)
I want to add a hoverable dropdown button as explained in the page :http://foundation.zurb.com/sites/docs/dropdown.html
In the footer, I want to see that :

When I put the mouse on it ( without clicking, but by hovering),  I want to see a dropdown (direction: UP) with a text.(it will be the address of a company, contact information
the code (in the first post) works well inside a large container, but in the footer, it doesn't.I think it's coz the bounds of the parent..
 
I had tried to do it on codepen.io
https://codepen.io/toshfox/pen/WOYOyj
but for some reasons, the data-position="top" is not working there...the code seems correct tho,
my question is , how can the dropdown data appear "above" the body content., overriding the footer (parent)
 
I am very sorry if it's still not clear, english is not my native langage ...
 

toshfox commented on toshfox's post over 2 years

@Will Moody,   thank you

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on toshfox's post over 2 years

Of course :)
I want to add a hoverable dropdown button as explained in the page :http://foundation.zurb.com/sites/docs/dropdown.html
In the footer, I want to see that :

When I put the mouse on it ( without clicking, but by hovering),  I want to see a dropdown (direction: UP) with a text.(it will be the address of a company, contact information
the code (in the first post) works well inside a large container, but in the footer, it doesn't.I think it's coz the bounds of the parent..
 
I had tried to do it on codepen.io
https://codepen.io/toshfox/pen/WOYOyj
but for some reasons, the data-position="top" is not working there...the code seems correct tho,
my question is , how can the dropdown data appear "above" the body content., overriding the footer (parent)
 
I am very sorry if it's still not clear, english is not my native langage ...
 

You commented on toshfox's post over 2 years

@Will Moody,   thank you

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content