Menu icon Foundation

My Posts


  • 1
    Reply
  • dropdown nav js confused

    By Alvar Sirlin

    dropdownjs

    Hi, I am using foundation 5.0.2. I had the top bar working nicely with the Default CSS download from the Foundation site. I decided it would be good to use the sass version so I downloaded the github master zip. There wasn't much by way of docume... (continued)

    Last Reply by Alvar Sirlin over 5 years ago


My Comments

Alvar Sirlin commented on Mark Hardwick's post almost 4 years

I am also looking to do a full width split screen over foundation.
My assumption was that I would have to use something other than foundation.
I will post back here if I come up with anything.

Alvar Sirlin commented on Ashley Mosuro's post over 5 years

Worth noting that the active class is not applied to the added link when it should.

If you are using wordpress, this code will add it:
Javascript
$('.current-menu-item').find('ul li:nth-child(2)').addClass('active');

This is only tested on a first level dropdown.

I'm not sure Foundation alone gives the classes necessary to distinguish an active page from an active parent.

Alvar Sirlin commented on Alvar Sirlin's post over 5 years

I found the issue.
When I switched to the sass version I kept using foundation.min.js
When I replaced that with foundation.js and foundation.topbar.js the problem resolved itself.

Posts Followed



Following

    No Content

Followers

My Posts

My Comments

You commented on Mark Hardwick's post almost 4 years

I am also looking to do a full width split screen over foundation.
My assumption was that I would have to use something other than foundation.
I will post back here if I come up with anything.

You commented on Ashley Mosuro's post over 5 years

Worth noting that the active class is not applied to the added link when it should.

If you are using wordpress, this code will add it:
Javascript
$('.current-menu-item').find('ul li:nth-child(2)').addClass('active');

This is only tested on a first level dropdown.

I'm not sure Foundation alone gives the classes necessary to distinguish an active page from an active parent.

You commented on Alvar Sirlin's post over 5 years

I found the issue.
When I switched to the sass version I kept using foundation.min.js
When I replaced that with foundation.js and foundation.topbar.js the problem resolved itself.

Posts Followed

Following

  • No Content

Followers

  • No Content