Slides not showing (display: none;)

  • PC

    (@hefreedom8888)


    5 years, 9 months ago

    Hey guys,

    I’ve been using this plugin on many sites over the years but I can’t get it to display on this particular site using a Gutenberg editor designed front page.

    I’m using a shortcode block inside a container block. The shortcode is below –
    [bne_testimonials layout=”slider” orderby=”date” order=”desc” image_style=”circle” animation=”fade”]

    When I inspect the front end I see the CSS below –
    .bne-testimonial-slider.bne-flexslider .slides>li?{
    display:?none;
    }

    Unticking the checkbox in the Chrome inspector, reveals the slider. I don’t understand why this CSS is being output.

    However, even though the slides are showing, with the CSS box unchecked, they are stacked on top of each other in a list fashion, so there appears to be a couple of issues here.

    Regards,

    Paul.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Kerry

    (@bluenotes)

    It’s possible that because of a JS error, it’s causing a fatal error in jQuery for other events afterwards. The error is coming from this call, line 212 of the document:

    jQuery(".sidebar .enews-widget").stick_in_parent();

    The error references that .stick_in_parent() is not a function and is undefined. The function is wrapped in a if statement regarding the height of the sidebar. On mobile and my iPad the testimonial slider works because the if statement you’re using fails thus the call above for stick_in_parent() would not occur; whereas on desktop window sizes, the statement is true and proceeds causing the error. Take a look at that. You’ll need to remove it or adjust your logic when calling that function.

Viewing 1 replies (of 1 total)
  • The topic ‘Slides not showing (display: none;)’ is closed to new replies.