Problem with homepage slider with touchscreen

Home Forums Panaroma Forum Problem with homepage slider with touchscreen

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #73599
    Dominik Filip
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: May 20, 2017

    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
    http://www.dominikfilip.pl

    #73641
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25334
    • Total: 25334
    Member since: August 16, 2013

    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

    #73692
    Dominik Filip
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: May 20, 2017

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

    #73693
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25334
    • Total: 25334
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #73775
    Dominik Filip
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: May 20, 2017

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.