Menu icon Foundation
Top bar not working on mobile

Top bar working fine on my PC but when I was able to get off my localhost and push to our server and finally test on mobile it doesn't appear to be working.

http://dev.prontocycleshare.com/

Thoughts?

mobiletop bar

Top bar working fine on my PC but when I was able to get off my localhost and push to our server and finally test on mobile it doesn't appear to be working.

http://dev.prontocycleshare.com/

Thoughts?

Stephen Sauceda about 5 years ago

Looks like the bowser can't find the Foundation JavaScript.

http://cl.ly/WbEN

Lyn about 5 years ago

Hey there Alley,

It seems that the files

http://dev.prontocycleshare.com/bower_components/foundation/js/vendor/modernizr.js
and
http://dev.prontocycleshare.com/bower_components/foundation/js/foundation.min.js

cannot be found. That's why Foundation is not working on your website.

By the way, you should also modify you main.js. Change this

var anchorName = document.location.hash.substring(1);
$(".accordion a[name=" + anchorName + "]").click();

with this :

if (anchorName = window.location.hash.substring(1)) {  
     $(".accordion a[name=" + anchorName + "]").click();
}

This will prevent javascript errors if there's no hash at the end of the url.

Kind regards,

Lyn.

Alley Hector about 5 years ago

I see my default the bower_components folder is within the .gitignore file and so never made it up to my server.

So what is the correct way to reference it? Or should I remove from the .gitignore and send bower up to my server? My impression was that it was just for development but I do need to reference those files somehow.

Thanks for the help. The documentation on setting up compass and SASS seems to end without explaining this part.