Menu icon Foundation

My Posts


My Comments

Scott McPherson commented on Scott McPherson's post over 5 years

What i ended up doing to fix this was to extend the foundations dropdown styles—plus a few of my own, but I did not use foundation's dropdown.js to handle the position (So I removed the data-dropdown attributes). And I just wrote my own js to handle the position:

.login-dropdown {
  @extend .f-dropdown;
  padding: 20px;
  position: absolute;
  width: 100%;
  max-width: 300px;
}

I'm using Meteor, but one could just as easily use a jQuery click event to toggle the css

'click .login-dropdown-button': function(e) {
    var leftOffset = $(e.target).offset().left;
    var dropDown = $('.login-dropdown');
    if (! dropDown.hasClass('visible'))
      dropDown.addClass('visible').css({ left: leftOffset-185 });
    else
      dropDown.removeClass('visible').css({ left: -9999 });
}, 

Scott McPherson commented on Dani Castaños's post over 5 years

Running into the same problem. Any solution for this yet?

Scott McPherson commented on Rafi Benkual's post over 5 years

I think he wants a different height for each one of his top bars. I'm trying to do the same thing.

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Scott McPherson's post over 5 years

What i ended up doing to fix this was to extend the foundations dropdown styles—plus a few of my own, but I did not use foundation's dropdown.js to handle the position (So I removed the data-dropdown attributes). And I just wrote my own js to handle the position:

.login-dropdown {
  @extend .f-dropdown;
  padding: 20px;
  position: absolute;
  width: 100%;
  max-width: 300px;
}

I'm using Meteor, but one could just as easily use a jQuery click event to toggle the css

'click .login-dropdown-button': function(e) {
    var leftOffset = $(e.target).offset().left;
    var dropDown = $('.login-dropdown');
    if (! dropDown.hasClass('visible'))
      dropDown.addClass('visible').css({ left: leftOffset-185 });
    else
      dropDown.removeClass('visible').css({ left: -9999 });
}, 

You commented on Dani Castaños's post over 5 years

Running into the same problem. Any solution for this yet?

You commented on Rafi Benkual's post over 5 years

I think he wants a different height for each one of his top bars. I'm trying to do the same thing.

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content