This topic has 6 replies, 2 voices, and was last updated 11 years by clutchnyc.

  • Author
  • #1365
     clutchnyc
    Participant

    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!
    Tim

    #1379
     SQadmin
    Keymaster

    Hi 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.html

    Best regards,
    Robert

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #1393
     clutchnyc
    Participant

    Hi 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/1570

    I’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.
    Tim

    #1398
     SQadmin
    Keymaster

    Hi,
    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 solution
    #1419
     clutchnyc
    Participant

    Ok, 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 CODE
    url = $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!!

    #1500
     SQadmin
    Keymaster

    Hi,
    Replace your foundation.min.js with this one and … magic will happen 🙂
    https://archived.seventhqueen.com/files/foundation.min.js

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #1508
     clutchnyc
    Participant

    Works like Magic!!

    Thank you SO much!! 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?