Okay
  Public Ticket #2018738
problem with Layer Slider in the portfolio item
Closed

Comments

  • consuelo francesconi started the conversation

    Hi,

    I have a problem with Layer Slider into portfolio item. 

    When I go into my hompage site (http://magicpetitalia.it), scrolling down, sometimes i see problem when loading layer slider. 

    In several cases it happens that I see a black line and nothing into. What happens?

    I enclose an example.

    Thanks

    Consuelo Francesconi

  • [deleted] replied

    Hello Consuelo,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    I have checked your site, but for me the sliders are being displayed properly. I do not see these black lines anywhere. I've tested this on multiple browsers and reloaded the site several times, but nothing.

    Could you please specify on what OS/browser/device are you experiencing this exactly ? Or how can we reproduce this issue, to investigate it ?

  • consuelo francesconi replied

    Hi Attila,
    I used Firefox and Google Chrome on a 20 inch (1680 x 1050) OS X Mac screen.

    Thank you

  • [deleted] replied

    Thank you. My colleagues and I will look into this to see what we can find, and get back to you shortly.

  • [deleted] replied

    We've tested this and the issue seems to be related to the Le avventure di Peter / Le avventure di Cate menu elements (they are more like tabs). The display error occurs sometimes when these are clicked.

    There is likely a JS event that runs when these are clicked, and that is causing the display error in the slider. Hiding sliders by default and then calling them from tabs like this can be problematic, especially with custom JS events. A solution would be to manually call the jQuery( window ).resize(); function when the tab is opened and slider is showed, that can correct this.

  • consuelo francesconi replied

    Is not a JS event, but is a normal button of the theme default, in the specific a button of the portfolio. I can't program jQuery,  if not, I would have done it. 

    Can I give you the keys to access the site? Or what can I do to solve this problem?

    Thank you

  • [deleted] replied

    I was not referring to the type of that element, but to it's method. It's method to show/hide content is most likely being applied by JavaScript. In any case, you will need to apply the mentioned window resize function to that JS code that is responsible for the show/hide method.

    Unfortunately this cannot really be fixed from our end, as the problem is being generated by this menu/tab solution that shows and hides the slider. The only solution is to use the mentioned jQuery( window ).resize(); function and run it when the button is clicked.

    If you are not familiar with it, your theme author should be able to provide you with instructions on how to apply this to their theme button that opens/closes the tab.

    Alternatively, you could also remove the slider from that tab and insert it to the page directly, to work around this issue. But if your theme can apply the window resize event, that should also work and the tab can stay too.