Hi,
While checking your site, the menu seems to be working fine. Could you clear your browser’s cache and check?
If that doesn’t solve the issue, the issue might also be arising due to plugins conflict. So, can you disable the used plugins one by one and check if the issue is resolved?
Thanks.
Hi, thanks for your comment.
Now the website is not displayed on the iPad, but it works fine on laptops and phones.
Could you please help us?
Regards,
Matteo
Hi again,
We disabled all the installed plugins and the menu is still not clickable on iPads mini.
We also tried to switch to another theme and it works, menu is clickable.
We conclude that the problem is the theme itself on iPads. Could you please help to solve the issue?
Thanks again.
Cheers,
Matteo
@matteomarzo
We checked out your site and could not replicate the issue which you have mentioned. So, can you once try clearing out your browser’s cache and check?
Thanks.
Are you sure you checked the website on iPad or iPad mini? We still have the issue…
Plus now the Preloader plugin is not working properly.
Regards,
Matteo
Hi,
Yes, we checked your site on iPad, iPad mini & other devices and the menu was showing and working fine. We could access your site’s menu without any issue. Could you clear your browser’s cache and check once?
Thanks.
Hi,I’m Davide and I’m working with Matteo on our website. Yesterday I wrote you to ask how to prevent overlapping mobile menu when swiping left-to-right on carousel sliders (https://themegrill.com/support-forum/topic/mobile-navigation-menu-overlaps-carousel-slider/)
This morning, surfing the internet in the meantime, I found this js code which should have fixed the issue.
if( wpresmenu.swipe != ‘no’ ) {
$(‘body’).touchwipe({
wipeLeft: function() {
// Close
$.sidr(‘close’, ‘wpresmenu_menu’);
},
wipeRight: function() {
// Open
$.sidr(‘open’, ‘wpresmenu_menu’);
},
min_move_x: 60,
min_move_y: 60,
preventDefaultEvents: false
});
}
But using this code, the menu is no more accessible as on the Ipad mini and every slider is not working (as on the iPad mini too, Matteo didn’t say that). So it seems that the two issues are connected.
Is that true? Could anyone help?
Hi @davide2580,
The slider which is integrated into the theme has the overlap issue fixed. For external sliders showing from the plugin, it might be difficult as there are many slider plugins.
However, you can take a reference from the link below and change accordingly for solving the menu overlap issue:
https://github.com/themegrill/cenote/commit/9f952bf61efb8f8b4cb28eded5eac4970c43f9e6
Thanks.
Hi Rajesh,
Thank you for your help. I have tried to add something to cenote-custom.js and custom-min, but nothing changed. Moreover, I deleted lines 187-189 to see if post-slider stop working but it still works. Could you inspect this link and give me a suggestion please?
https://www.marzoarreda.it/prodotto/tavolino-vintage/
Thank you
Davide
Hi,
On iPad mini, the page was not even loading and showing preloader only. Also, CSS and js errors were showing while inspecting. Could you check your CSS and js code for errors and manage accordingly.
Also, you can inspect the selector of the image and insert it in the js. Changing the selector in the above link to js code should work fine for the slider and menu overlap issue.
Thanks.
Hi,
I am checking css and js code in order to fix errors on Ipad Mini, but I can’t find the right selector to put in the js code, so the issue still persists on other mobile devices. I think there are two solutions:
1) If you could inspect the website for me (not on Ipad Mini) and find the selector, I’d put it in cenote-custom (and custommin?)
2) Alternatively, If you could tell me how to activate your gallery on woocommerce product page, I’d do that. If I deactivate my plugin, images just don’t slide.
Thank you again, I really really appreciate your help.
Hi,
For the slider, .slick-slider selector should work fine. Also, change only the js file and minified js(e.g., cenote-custom.min.js) files should be minified online. Minify the cenote-custom.js online and you will get min version.
Also, the gallery can only be shown in the posts as it uses post format. For showing it on a post, you need to go to edit post, click on add block. Choose classic and insert media. Click on multiple images and click on create a gallery. After that, select ‘post-format’ as Gallery under the document in the post.
Thanks.
It works!!! Thank you Rajesh for your great support!
Have a nice day!
Hi,
Glad to know it worked. Feel free to ask again if you get any issue regarding the theme. If you liked this theme, you can help us by leaving a review.
Thanks.
