Skip to content
This repository has been archived by the owner on Sep 16, 2019. It is now read-only.

Mobile Menu not working correctly. #675

Closed
FDfranklin opened this issue Jan 7, 2016 · 6 comments
Closed

Mobile Menu not working correctly. #675

FDfranklin opened this issue Jan 7, 2016 · 6 comments

Comments

@FDfranklin
Copy link

Hello,

I'm having an issue with the mobile menu.

When I press the hamburger icon the menu comes on canvas, when I click on a menu item it just moves off canvas without taking me to the next page. I've tested this in browser and on my iPhone 6.

When on the computer in Chrome if I double click a menu item it will take me to the page but not on a single click.

It's almost as the first click is telling the menu to go off canvas and isn't registering I'm clicking the link.

Any ideas what could be causing this?

Thanks

@FDfranklin
Copy link
Author

Here's a crappy gif of my issue. The last attempt was a double click.

Image of Yaktocat

@Luciaisacomputer
Copy link
Contributor

Check your markup, whenever I've had this issue, its because a div wasn't closed correctly and as a result the overlay was going overtop of the off-canvas menu. Double-click works because when it is closing the overlay goes away and you are getting through just in time.

@olefredrik
Copy link
Owner

@FDfranklin : Which version of FP are you using? It should work as expected. Have you made any significant changes in the markup or navigation walkers?

@FDfranklin
Copy link
Author

@olefredrik How do I check what version I'm on?

I have not made any significant changes.

@Luciaisacomputer
Copy link
Contributor

@FDfranklin check in your style.css in your theme folder, it will look like this:

/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.3.0
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

or if you go under Appearance -> Themes and then click on the active theme, it will give you the details.

@olefredrik
Copy link
Owner

I have verified that this works as expected (in the latest version of FP). Your problem is possibly related to a <div> that is not closed.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants