menu doesn't close on some devices

2 replies · opened Mar 20, 2017

VvasuboyMar 20, 2017

Hi,

on some devices like the iPad - 9.7 inch, Samsung Galaxy S2 - 8.0 inch, the mobile menu doesn't close after you click on a menu item. You have to click on the "three lines" ( top menu link ), to close the menu. This is working fine on the iPhone, Android phone and desktop ( mac and windows ).

This is the link that I'm trying : http://canvashtml-cdn.semicolonweb.com/one-page/index.php

I'm attaching the screen-shot of this issue.

Please let me know how to fix this ?

VvasuboyMar 20, 2017

Here is the screen-shot.

SSemicolon WebSTAFFMar 26, 2017

Hello,

The One Page Menu is currently coded to Close only on Devices below the 768px Width. However, you can definitely modify this value according to your needs. Simply find the following code in the js/functions.js File inside the onePageScroll: function() Function Block:

if( windowWidth < 768 || $body.hasClass('overlay-menu') )

and replace it with:

if( windowWidth < 992 || $body.hasClass('overlay-menu') )

This will definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard