Hi guys!
I noticed that all of my rev sliders made specifically for desktop and laptop are showing on tablet even though its checked “Hide during break points” on tablet and mobile. Is there a way to go around that problem? Should I synchronize breakpoints in Pro and Slider revolution some how or do something else?
Greatly appreciate
Oleg
Hi Oleg,
That would not be related about syncronizing the theme and Revolution Slider, Could please provide us your URL so we can check why slider revolution responsive setting is not responding to your tablet width? Which tablet are you using?
Thank you
Thank you for reply. The URL is http://illusorystudio.com/collection/
Its designed to have hover over effect on desktop and static for mobile and tablet. I made two different rev slides for this purpose. My tablet is iPad classic. I guess the reason for that is that iPad resolution is 1024 - same as laptop.
Thank you
Hi There,
Everything seems to be working as expected, the standard tablet landscape is 979px max and that is where the conversion happens, if you are using a wider device you will need to change your settings to the laptop as you noticed.
Hope it helps
Thank you for reply. I just realized that I made mistake in my statement. The issue is with Essential Grid. I know I should create new ticket, but may be can help me resolve the issue with in this post.
All apple ipads have 1024px width, the newest ipad pro have 1112px. I am trying to have it working at list for regular I pad. You are right, its shows correctly in portrait mode, but in landscape mode it shows like it would be on laptop. Is there any way to go around this problem.
Apple did a good job making good quality screens, but in this case they need to add a mouse to their devices))))
Thank you in advance,
Oleg
Hi there,
Unfortunately, the breakpoints for the Essential Grid is set as it is. You can not change that. If the new devices of Apple are important for you and have many customers using those, I suggest that you avoid the hover mode altogether and use the static mode for all instances even laptops. I think it will be safe to use the hover mode for the desktop.
Your approach may have problems with Microsoft Surface too as it even has the more high-resolution screen and it is touch-enabled device and hovers do not work well there.
For such cases, it is recommended to use libraries to detect if the device is touch enabled or not. Libraries such as modernizr, we already have that in place. So for example, if you access the page using iPad a specific class will be added to the <body> tag in the HTML code indicating the device being touch enabled. But that can be used in CSS or Javascript and Essential Grid does not use that. If you would custom code the grid you could use that.
Thank you.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.