Hamburger Menu Not Clickable

Can you find any issues? I changed z-index to 999 still no go

https://agirlwithatractor.com/

Hello @verobeachmarketing,

Thanks for writing in! Please edit your custom header and change the z-index of your Bar elements with the following:

  • Bar 1 element: z-index => 9999
  • Bar 2 element: z-index => 9998

This is to make sure that your Toggle Menu in Bar 1 will always be clicking and Bar 2 will not overlap on top of Bar 1.

Kindly let us know how it goes.

Can you look now? We are getting intermittent performance.

Hello @verobeachmarketing,

You need to make sure that all the page elements are loaded before clicking the toggle menu. Loading the page may take a while because there is a CORS issue which means that some of your images were using http while the page itself is loaded via https. To get this resolve first, go to Plugins section and install “Search and Replace”. You will have to search for http://agirlwithatractor.com/wp-content/uploads/ and replace it with https://agirlwithatractor.com/wp-content/uploads/.

After making those changes above since you have installed W3 Total Cache, you need to clear your plugin caches first before testing your site again.

Hope this helps.

It said only 1 row was changed did you see more than a single instance of this?

Done! 1 rows were changed

I am still having the same issues with intermittent function.

Hi @verobeachmarketing,

I have checked your website in the Browser Debugging tool and my Android mobile and found the issue you described here. But that only happens if I click into the Humberger menu while the page is loading. I have also found there is only one CORS issue left, I would request you check and follow the way suggested by my colleague to get rid of this issue.

Thanks

I replaced all of the images are loading from https and no src="http: exists in the source. Still have same issue on mobile devices.

Hello @verobeachmarketing,

There is still one Mixed Content (CORS) issue:
Mixed Content: The page at 'https://agirlwithatractor.com/' was loaded over HTTPS, but requested an insecure element 'http://vm3001.mojohost.com/agirlwithatractor.com/public_html/wp-content/uploads/2018/04/Picture3.png'.

This means that you need to remove the image on the page and upload a new one which will then be uploaded in your Media Gallery to prevent the CORS issue. This CORS issue is what makes the mobile browser window from waiting, thus taking the page to load slowly.

By the way, you should be able to change the z-indexes of the Bar element by editing your custom header and click the Bar element. You can find the z-index setting in the screenshot below:

If you are still having some issues, please provide us your WP details so we can investigate further. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

When I view source I do not see any http source images. The z-index on both bars is 9999

Hello @verobeachmarketing,

You need to set the z-index of the second Bar element to 9998 so that the Toggle menu in the 1st Bar element will be clickable.

The background image in your custom footer is causing the MIXED CONTENT or (CORS) issue. You need to re-upload the image. And also, there is a broken image on the page which makes the page from taking to fully load.

You can either remove the broken image or replace it with something else.

Kindly let us know how it goes.

The footer image and the missing image were fixed yesterday. I changed the bar 2 to 9998

Hello @verobeachmarketing,

Please temporarily deactivate your W3 Total Cache plugin while we are troubleshooting. It would also save us time if we can log in to your site.

Thank you.

This was removed.

Hello @verobeachmarketing,

The Toggle menu is still not clicking for the first several seconds because the browser is busy loading the background image in your footer which is having a CORS issue. Yes, you may have change it but you forgot that you have two Bar elements in your footer and each of those Bar have the same background image. Make sure that you have changed both the background image.

Best Regards.

The second bar only has a black background. I have checked every setting in the two bars.

When I view source I see no references to mojohost nor and src="http:

You are somehow viewing old source. Caching was disabled. Are you using the homepage or another page?

Hello @verobeachmarketing,

I have cleared my cache and I am still seeing it.
See this video below:

Hope this helps.

The image was transparent and as I was inspecting I could not see it in the admin. I did find and remove it and all is well. Thank you for sticking with me on this one.

You are most welcome, @verobeachmarketing.

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