Foundation Zurb 3 nav-bar drpodown not showing

118 Posts

Valokammi Reply #1, 13 years, 2 months ago

I`m really stuck for this. I have development site running Xamp. Template uses foundation zurb v3 template with nav-bar dropdown menu, which works well.

I moved site to production server running linux. Now dropdowns doesn`t show when moving cursor over. Sub pages are in rendered source code on both servers.

All things are identical in both servers, templates, wf calls and css files.

Only difference what I have found is that xampp dont use .htaccess and friendly urls, production site have them on.

I`m loosing my hair because of lots of scratching.

WF call:

[[Wayfinder? &startId=`0` &level=`2` &outerTpl=`navOuterTpl` &outerClass=`nav-bar` &innerClass=`flyout` &parentClass=`has-flyout` &hereClass=`active` &lastClass=`last` &rowClass=`` ]]

outertpl:

<ul [[+wf.classes]]>
[[+wf.wrapper]]</ul>

Rendered nav bar:

<nav>
<ul  class="nav-bar">
<li class="first has-flyout active"><a href="http://www.ruskaswing.fi/" title="Ruskaswing 25 -vuotis juhlafestivaali" >Etusivu</a>
<ul  class="flyout">
<li class="first"><a href="index/english.html" title="Ruskaswing 5.-7.9.2013" >Ruskaswing in english</a></li>
</ul> </li>
<li class="has-flyout"><a href="ohjelma/" title="Ruskaswing 2013 ohjelma" >Ruskaswing 2013 ohjelma</a>
<ul  class="flyout">
<li class="first"><a href="ohjelma/lipunmyynti.html" title="Liput ja swingpassi" >Liput ja swingpassi</a></li>
</ul> </li>
<li class="has-flyout"><a href="artistit/" title="Artistit" >Artistit</a>
<ul  class="flyout">
<li class="first"><a href="artistit/2012-artistit/" title="Ruskaswing 2012 esiintyjät" >Ruskaswing 2012 esiintyjät</a></li>
<li class="last"><a href="artistit/2011-artistit/" title="Ruskaswing 2011 esiintyjät" >Ruskaswing 2011 esiintyjät</a></li>
</ul> </li>
<li class="last"><a href="palaute.html" title="Palaute" >Palaute</a></li>
</ul> </nav>

I`ve used almost same configuration in many sites and dropdowns are ok.

Site with problems (Finnish lang): http://www.ruskaswing.fi/
Working site (Finnish lang): http://www.il-kuvaajat.org/

I attached both css files used. I know this might be something supernatural, but I hope if somebody would see something that I`ve missed.

This question has been answered by DasItsch. See the first response.

Tassu, webmaster of Valokammi

☆ A M B ☆
24,524 Posts

sottwell Reply #2, 13 years, 2 months ago

Are you sure you want to be using "flyout" rather than "dropdown" for your inner class? Flyouts are usually meant for vertical menus with flyouts to the left or right.

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

118 Posts

Valokammi Reply #3, 13 years, 2 months ago

I´m using Nav Bar version of menu (Foundation v3). And it`s inner class is flyout. It works well in other sites. Correct me if I´m more in the bushes with this.

Tassu, webmaster of Valokammi

discuss.answer

60 Posts

DasItsch Reply #4, 13 years, 2 months ago

Quote from: valokammi at Aug 16, 2013, 03:46 AM

Site with problems (Finnish lang): http://www.ruskaswing.fi/

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.ruskaswing.fi/assets/templates/swing/javascripts/app.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.ruskaswing.fi/assets/templates/swing/javascripts/foundation.min.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.ruskaswing.fi/assets/templates/swing/javascripts/jquery.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.ruskaswing.fi/assets/templates/swing/javascripts/modernizr.foundation.js

118 Posts

Valokammi Reply #5, 13 years, 2 months ago

Thank you so very much! Somehow I knew that something is missing, but never suspect that those are the one wink

Tassu, webmaster of Valokammi

Answered Foundation Zurb 3 nav-bar drpodown not showing