Menu Nav in header not working on certain pages

Support
#1

Hi, I noticed when the size of browser is small or on mobile and the Hamburger Nav comes up I cannot click on it to see the menu. How do I fix this as I need the Nav to work on Mobile and smaller screen sizes. Thanks!

#2

Hi There,

Thank you for writing in, this seems to be related on your Essential Grid issue, lets resolve that JS error there first, please follow my suggestion on that thread.

Cheers!

#3

Hi, I tried to resolve by using your steps in the other thread but had no luck.

#4

Hello There,

I cannot replicate the issue on my browser. Did you resolve the issue already? By the way, since you are using SiteGround, could you please clear your site cache or temporarily disable the supercacher in your hosting panel. The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

#5

Hi there, I still have the issue. It is happening on my iPhone and also on Firefox when the screen size is shrunk small enough to change the Navigation to the hamburger menu. I cannot click on it then to see the menu. I have cleared my site cache and disabled Supercacher on Siteground and WP.

#6

Hello There,

Now that you have cleared the site cache, I can no longer click the mobile menu icon. Looking the page closely, it seems that the Essential grid in your homepage is generating a JS error. Please edit your grid, make sure that your custom JS is valid and working.

At the moment, this JS code is creating the issue:

jQuery.extend(jQuery.esgbox.defaults, {
 
    width       : 1280,
    height      : 720,
    aspectRatio : true
 
});
//Disable title helper
$(".fancybox").fancybox({
    helpers:  {
        title:  null
    }
});

//Disable overlay helper
$(".fancybox").fancybox({
    helpers:  {
        overlay : null
    }
});

//Change title position; show overlay after content has loaded
$(".fancybox").fancybox({
    helpers:  {
        title : {
            type : 'inside'
        },
        overlay : {
            showEarly : false
        }
    }
});

//Enable thumbnail helper and set custom options
$(".fancybox").fancybox({
    helpers:  {
        thumbs : {
            width: 50,
            height: 50
        }
    }
});

jQuery.esgbox.helpers.overlay.defaults.locked = false;

//Disable title helper
$(".fancybox").fancybox({
    helpers:  {
        title:  null
    }
});

//Disable overlay helper
$(".fancybox").fancybox({
    helpers:  {
        overlay : null
    }
});

//Change title position; show overlay after content has loaded
$(".fancybox").fancybox({
    helpers:  {
        title : {
            type : 'inside'
        },
        overlay : {
            showEarly : false
        }
    }
});

//Enable thumbnail helper and set custom options
$(".fancybox").fancybox({
    helpers:  {
        thumbs : {
            width: 50,
            height: 50
        }
    }
});

Kindly temporarily remove this code and you will see that the menu nav is working.

Please let us know how it goes.

#7

Thank you, that did the trick! I appreciate your help, and also have another question. I’ve tried to find a solution regarding the video playback size on the lightbox EG at the bottom of the page. Is there a way to scale the video down a bit so it’s not taking up the entire screen top to bottom?

#8

You are always welcome!

Please go to Lightbox Tab> Sizing on essential grid to adjust the size:

Hope this helps.

#9

Hi, thanks. That does help, however I’m not seeing the Sizing option in my Lightbox Tab.

#10

Hey There,

In the new version of the plugin, the sizing is removed. Please make use of the Content minimum and maximum widths instead.

Hope this helps.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.