Home › Forums › ART WordPress Theme › Grid list thumbnails not clickable on mobile devices
- This topic has 8 replies, 3 voices, and was last updated 5 years, 6 months ago by
ericleleu.
-
AuthorPosts
-
November 9, 2020 at 6:44 am #22961
Hello,
I have created a generic section with thumbnails at the bottom of all my project pages to choose the next project to watch. It looks great (with mouseover effect color mask + text) and works great on laptops. It makes my website really “navigable” ! For instance here : https://www.ericleleu.com/projet/invisible-calais/
Unfortunately, it does not work at all on mobile devices : the text does not appear and the thumbnail is just not clickable ? It do not quite understand why.
For info, he generic section was created calling a published page with a grid list, the page is not included in the menu.
Thanks in advance.
Eric
November 10, 2020 at 4:09 am #22970Hi,
Please paste the custom CSS code to “Appearance > Customize: Additional CSS” to fix it:
.touchevents .bm-touch-tab .grid-item-mask-link { display: block; pointer-events: auto; }Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook
November 10, 2020 at 7:47 am #22971Thank you : the click works on mobile devices now !
But the effect (with mouseover effect color mask + text) still does not work on mobile devices…
Could you please share some more code to make it work as it does on laptop ie WITH the mouseover effect ?The theme is great, congratulations !
November 11, 2020 at 2:28 am #22976Hi,
Please go to Plugins>Plugin Editor, select “BM Content Builder”, edit ux-content-builder.php
add the codes below line 439:
if ( is_singular('ux-portfolio') ) { wp_enqueue_script( 'ux-cb-modules-grid' ); }Please remove the custom CSS in yesterday’s post.
Regards
November 11, 2020 at 4:56 pm #22983Thanks a lot for the code.
I did the 2 steps as requested but unfortunately, it does not work on mobile devices… 🙁
please check captures :
https://www.dropbox.com/s/80wr0s65z32wkf0/screen-eric%202020-11-11%20%C3%A0%2017.45.51.JPG?dl=0
https://www.dropbox.com/s/xmq728kfw0d7z4a/screen-eric%202020-11-11%20%C3%A0%2017.44.27.JPG?dl=0best regards,
eric
November 12, 2020 at 3:16 am #22988Hi,
I didn’t find where is wrong.
Please flush the website cache if there is a cache(or speed) plugin running on your website.——————————–
If it doesn’t work, may I check your website? Could you please send your question(this topic URL) and wp-admin(URL / username/password) to uiueux@gmail.com ?
(If there is the Jetpack plugin, please disable “Allow users to log in to this site using WordPress.com accounts”)Regards
November 12, 2020 at 10:40 am #22994I tried to flush the cache on my mobile phone, tried both on Chrome and Safari and also tried on another telephone : it does not work. The thumbnails at the bottom of each project are not clickable (and the mouseover effect does not work). Will send you my details on the your other email. Thanks !
November 13, 2020 at 6:01 am #23005Hi,
The fixing solution was changed https://seatheme.net/forums/topic/grid-list-thumbnails-not-clickable-on-mobile-devices/#post-22976
Best
November 13, 2020 at 8:52 am #23012It works 100% fine ! Superb. Thanks a lot !
-
AuthorPosts
- You must be logged in to reply to this topic.
