Problem with homepage slider with touchscreen

[Dominik Filip]

Panoraoma is a nice theme with homepage slider that has hover effect.
It’s a shame it doesn’t work properly with touchscreens /PC, laptop, tablet/, which are so popular nowadays.
Problem appears when you have url links on pictures in slider.
When you work with regular screen and mouse its amazing. When you move cursor on picture it gets wider and you can see slider description. When you press mouse button it moves to url link.
With touchscreen first tap moves straight to url link. This way you skip hover effect, and wider picture, and primarily you can not see the slider description. It kills idea of panaroma slider. It should work like first tap gives hover effect with description and second tap moves to url link.
Please fix it. I see you offer new themes, why not to fix the good one?
Surprisingly there is no problem on mobile touchscreen (free option). First tap makes picture wider with description, second tap moves to url link.

Best regards
Dominik
www.dominikfilip.pl

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.grid-port-item:hover .grid-port-fadder, .strip_template figure section:hover .strip-fadder, .strip_template figure section.hovered .strip-fadder, .featured_items .img_block:hover .featured_item_fadder { background:#ff6600 !important;}
.strip_template figure section .logo { opacity:0; top:30% !important;}
.strip_template figure section .strip-text { display:block !important;}
}

Regards,
Chris

[Dominik Filip]

Hi,
Sorry I have pro version but I dont see the Custom CSS Box in Basic Settings.
Regards
Dominik

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Layout Settings>>Custom CSS Box:

Regards,
Chris

[Dominik Filip]

Unfortunately it doesnt solved the problem.
Still after first tap it moves straight to url link, so there is no time to read slider description.
In my mind it should works like: first tap gives hover effect with slider description, and only after second tap it moves to url link. This way you can read description without leaving home page or change picture if you want.
Thats how it works on mobile touchscreen (free option) – it has sense.

Actually your code gives little progress. Right now on pro version tablet (vertical position) and mobile touchscreen you can see hover effect, but only for a lil second and then it leaves automatically to url link.
Thanks for this, but if you could fix it the way I write above, with double tap, will be great.

Regards
Dominik

[Author]

Posts