This topic contains 6 replies, has 5 voices, and was last updated by Anonymous 11 months, 4 weeks ago.
September 28, 2020 at 8:28 pm #17078
I have tested my site now that it is loaded to a preview folder on live server and it matches the identical problem I find on
In desktop display size the slider images and read more links behave exactly as expected.
When I shrink the display size down to tablet or mobile width all expected behavior breaks down. I found that first slide is the only one that displays correctly on a new page refresh. On this first slide the button and link works correctly.
After that all links and button positions are exacty one slide behind. This error continues indefinitely until the user either refreshes page or manages to click a button position from the previous slide which also takes them to the previous link.
I turned off all settings trying to see if a setting, overlay, or autoplay was causing the problem. The behavior remains the same no matter how many settings you turn on or off.
Would love it if there is a fix we can implement for tablet and mobile users which are half to 3/4 of our users. Otherwise it is a wonderful template!
Thanks for your help.September 28, 2020 at 8:45 pm #17079
One more tidbit I just noticed is that if I restore the screen size to desktop width or larger, the error immediately corrects itself without performing a page refresh. So the script is working consistently.
Hope that helps!October 3, 2020 at 6:38 pm #17115
I loaded the latest version of Slick which is what the home page slider is built with and they have not resolved that issue.
This theme uses jQuery by default. I tried a different slider well rated but conflict with jQuery caused it not to work. So I went looking for a slider plugin built with jQuery and that was successful.
So I am now running “Slide Anything” which is built with Owl Carousel 2 and jQuery found here:
I deactivated the home page slider in Appearance > Customize > Feature Slider Options
Then I went into widgets and added a text field at the top of the Home Page Widget Area. There you can add a shortcode to whatever slider you create and it works.
Last step is to add some custom css to get the slide show to appear the way you want.October 6, 2020 at 5:16 am #17125
Hope you are doing good!
We have checked the details and the issue is because of the plugin used in the theme. Please have a look at the forum: https://github.com/malsup/cycle2/issues/437 to have a better idea.
In the forum, you will come across a solution to this issue, you have to add custom CSS
If you will add CSS then slider transition will not be available so if you are planning to have a transition then it will be better to add shortcode of another slider.
Hope this helps!
Have a great day ahead!
Team ProDesignsFebruary 25, 2021 at 2:53 am #18292
Try to use the CSS code to make it responsive for mobile and tables. I have faced the same issue in my website and after adding some CSS code, its working fine now. You can see here demo https://www.konzeptgarden.com/artificial-carpet-grass-supplier-malaysia-newJuly 27, 2021 at 6:11 am #19982
I think the issue is in plugin. some time ago i faced the same issue with my website https://www.scissorhub.com.au/ and than i removed the plugin and every thing was okOctober 3, 2021 at 6:59 pm #20955
You can use the plugin to make your page responsive to show it on mobile and tablet, see the demo here https://dreamteamcarpentry.com/
You must be logged in to reply to this topic.