Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1801987
LightBox Error
Closed

Comments

  • vvivianne started the conversation
    November 29, 2018 at 12:30pm

    On mobile devices there is no chance of using the lightbox arrows. They don´t work.

  •  1,845
    Elated replied
    December 4, 2018 at 4:02pm

    Hi there,

    I apologize about the belated reply - we have been getting a lot of tickets lately, and our reply times have not been as fast as we would have liked.

    I couldn't access your website that you've provided:

    Is this the proper link?

    Let me know! 

    Best regards,

    Marie

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • vvivianne replied
    December 5, 2018 at 12:32pm

    This link doesn´t work anymore, we needed to launch the website already. And I needed to make the arrows unvisible in the bottom  area of the lightbox because they didn´t work.

    Please check your theme on this topic because I can´t use the arrows on your demo page too.


  •  1,845
    Elated replied
    December 10, 2018 at 3:32pm

    Hi there,

    This is because the hover container have height of the 100%:

    You can either set those navigation to be invisible with this CSS :

    body .pp_pic_holder .pp_details a.pp_arrow_next, body .pp_pic_holder .pp_details a.pp_arrow_previous {
    opacity: 0!important;
}

    Or you can remove it with some additional jQuery:

    $('.pp_nav a').remove(".pp_arrow_previous");
$('.pp_nav a').remove(".pp_arrow_next");

    But you will have to style little bit bottom part, where the arrows was:

    body .pp_pic_holder .pp_details .pp_nav {
    padding: 15px;
}

    And set some padding to it. 

    Let us know if you have any other questions about this! 

    Best regards,

    Marie

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.