Metaslider arrows and dots NOT showing

  • Resolved markolympic

    (@markolympic)


    1 month, 1 week ago

    I am using the latest version of the Metslider plugin (3.92.0). For some time now, neither the dots or the arrows are showing in slideshows on the website when viewed on a laptop. I have selected the proper options (arrows are “visible” and dots are selected for “navigation”). Strangely, though, both arrow and dots show perfectly when viewing the site on my mobile.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @markolympic

    the style.css file from your WordPress theme includes some CSS that is hiding the arrows: https://isoh.org/wp-content/themes/biosphere/style.css

    .flex-direction-nav {
      display: none;
    }

    The dots navigation is visible in my end, at least in desktop. Please verify if other CSS coming from your theme could be hiding other slideshow elements.

    Regards

    Thread Starter markolympic

    (@markolympic)

    Thanks for your help!

    I tried adding the following CSS to my theme option custom code, but still no luck:
    .flex-direction-nav { display: block !important; }
    .flex-control-nav { display: block !important; }

    Am I missing something critical here?

    Plugin Author htmgarcia

    (@htmgarcia)

    Actually you shouldn’t add custom CSS to control the display of arrows and dots navigation. Just remove the custom CSS I mentioned in my previous reply.

    This is how the slideshow looks in my end: https://ibb.co/hmSZ3vf

    If you get a different result, share the browser name and a screenshot of the slideshow to compare.

    Plugin Author Steve Burge

    (@stevejburge)

    Thanks for using MetaSlider. We haven’t seen a reply to this discussion in over 10 days so are closing it for now. Please post back if this remains an issue.

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