Menu icon Foundation
mobile nav drop down issue

Hi all

Can anyone help me? My mobile navigation is fine but when I click on the "work with me" tab it doesn't seem to want to know the drop downs that are listed when in desktop mode. Can anyone help?

The web url is http://raphaellecox.com/

topbarnavmobiledropdown linkjscssissue

Hi all

Can anyone help me? My mobile navigation is fine but when I click on the "work with me" tab it doesn't seem to want to know the drop downs that are listed when in desktop mode. Can anyone help?

The web url is http://raphaellecox.com/

Jacob Pope about 5 years ago

Just a little syntax error, you are missing an anchor tag in your href on WORK WITH ME:

Currently:

<a href>WORK WITH ME</a>

Try this:

<a href="#">WORK WITH ME</a>

Chris about 5 years ago

Hi thanks for replying. Although this didn't seem to work. :C

Jacob Pope about 5 years ago

Apologies, I should have taken a closer look.

In the Chrome Dev Tools, I'm showing 2 Javascript related errors. It looks like you are loading Topbar.js in the head, while Jquery and the Foundation.min.js is being loaded later in the body. This is creating a dependancy problem, so to fix it you simply need to move topbar.js after foundation.min.js, either by moving it to the body, or moving jquery and foundation up to the head.

Cheers!

Chris about 5 years ago

Hi Jacob

Apologies for the late reply. Thanks for this although when i move the the jquery and foundation to the head it seems to stop the whole menu stack from dropping down.