I am having issues with links from a fullscreen mobile menu being active at all times even when the fullscreen menu is not displayed:
http://newsite.paulwagenblast.com
The mobile menu is set to enact after 643px and below, so you may have to adjust your screen width to experience this. When a user clicks "MENU" from the center of the screen, a fullscreen overlay menu appears with links. The problem is these links remain active on the page even when the fullscreen menu overlay is not displayed. This is a problem as when users click anywhere on the screen they will be redirected to a different page without intending to; this is very confusing and problematic! How can I make it so that the links are only active when being displayed in the overlay?
Sébastien | French WordpressDesigner answers:
in this file : http://newsite.paulwagenblast.com/wp-content/themes/blankslate/style.css
at line 75, just replace
#smp_menu {display: block;}
by
#smp_menu.open {display: block;}