-
Author
-
August 14, 2013 at 07:43 #1365clutchnycParticipant
Hi I’m using your theme to redesign my site and it’s coming along great, but while testing mobile view I noticed something that seems to be causing a usability issue.
in mobile view, if you click on the nav bar and select a parent nav item that has children, you actually cannot navigate to that parent page. You are simply shown a list of the child pages.
For example on your demo site, if you view the nav bar in mobile view and select “SHOP”, you won’t go to the shop homepage.
Is there any fix for this? it makes navigating my site in mobile view quite difficult.
Thanks in advance for your advice!
TimAugust 14, 2013 at 15:28 #1379SQadminKeymasterHi Tim,
This is how Foundation works and we don’t understand why Zurb decided to make all parent links inactive on mobile.
Even this isn’t really a bug we’ll look into this and we’ll resolve it in a way or another.The normal behavior:
http://foundation.zurb.com/page-templates4/store.htmlBest regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAugust 14, 2013 at 18:33 #1393clutchnycParticipantHi Robert,
Thanks for the reply. Yea, I agree, it’s not a bug, but I’d sure like to find a work around.I did some research, and I found this with other users reporting the same issue:
https://github.com/zurb/foundation/issues/1570I’ve tried all these suggestions, but none of them work for me, I’m afraid.
I’ve been editing jquery.foundation.topbar.js, but not seeing any changes on the site.
Thanks again for your support.
TimAugust 14, 2013 at 22:04 #1398SQadminKeymasterHi,
The topbar script is minified and it is in foundation.min.js
You can try there your found solutions and maybe let is know if you came with something.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionAugust 15, 2013 at 10:50 #1419clutchnycParticipantOk, I have found the foundation.min.js file, but it is really hard to read/edit.
Sorry for not knowing better, but how do I create a minified version of this code snippet? this is the code I need to add to create the fix for the top level navbar in mobile view. I tried to minify myself by hand, but every attempt I made broke the drop down nav bar.
COPY CODEurl = $link.attr('href'); if (url && url.length > 1) { var $titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li><li><a href="' + url + '">' + $link.text() +'</a></li>'); } else { var $titleLi = $('<li class="title back js-generated"><h5><a href="#"></a></h5></li>'); }
If you can help me to get the above code correctly minfied, I can update the foundation.min.js file myself. thank you!!
August 19, 2013 at 10:01 #1500SQadminKeymasterHi,
Replace your foundation.min.js with this one and … magic will happen 🙂
https://archived.seventhqueen.com/files/foundation.min.jsHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.