Slide on left not showing

thorbergur · May 2021

So I have a slider on my webpage and it does not show any slide on the left when on the first slide. The left slide shows in mobile but not on desktop

website: https://litlabyli.is/

Phil · May 2021

Hello,

Please, turn off all of the plugins, refresh your cache, and check if this issue persists.

Moreover, if you are using a child theme, switch to parent, and recheck it.

Thanks

thorbergur · June 2021

Hi Phil, This did not work, I tried turning off all the plugins and refresh the cache and still there was no slide on the left when on the first image.

I can see that it is marked "slick-slide slick-cloned" and has an index of -1 in the code, that element has the <img> src tag as the following: src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201600%20860'%3E%3C/svg%3E"

And not the url to the image, the other slides have an url to the image

#This code does not work:

<div class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" style="width: 1308px;"
    tabindex="-1">
    <div>
        <li class="content_slider_li_4" style="width: 100%; display: inline-block;"><a
                href="https://litlabyli.is/wp-content/uploads/2019/05/12359439_10207110164979766_1338901041_o-1.jpg"
                rel="lightbox" data-type="image" tabindex="-1"><img width="1600" height="860"
                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201600%20860'%3E%3C/svg%3E"
                    data-src="https://litlabyli.is/wp-content/uploads/2019/05/12359439_10207110164979766_1338901041_o-1-1600x860.jpg"
                    class="scale-with-grid wp-post-image lazy" alt="" loading="lazy"></a></li>
    </div>
</div>

#This code work:

<div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1308px;" tabindex="-1" role="tabpanel"
    id="slick-slide01">
    <div>
        <li class="content_slider_li_2" style="width: 100%; display: inline-block;"><a
                href="https://litlabyli.is/wp-content/uploads/2019/05/IMG_0375-scaled.jpg" rel="lightbox"
                data-type="image" tabindex="-1"><img width="1630" height="860"
                    src="https://litlabyli.is/wp-content/uploads/2019/05/IMG_0375-1630x860.jpg"
                    data-src="https://litlabyli.is/wp-content/uploads/2019/05/IMG_0375-1630x860.jpg"
                    class="scale-with-grid wp-post-image lazy loaded" alt="" loading="lazy"
                    data-was-processed="true"></a></li>
    </div>
</div>

And if I manually change the src tag from "data:image/svg......" to the actual url of the image it shows up.

Phil · June 2021

Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Thanks

thorbergur · June 2021

I have sent the WP login details

Phil · June 2021

Sorry, but the login credentials you have sent are not working.

Can you check them, please?

Thanks

thorbergur · June 2021

I sent new credentials, hopefully it works now

Phil · June 2021

I have turned off all plugins except WooCommerce, Contact Form7, and YOAST Duplicate Post, and the slider works fine.

Can you check it, please?

Thanks

thorbergur · June 2021

Hi, it seems to be a plugin called "W3 Total Cache"

I thought I tried deactivating all the plug-ins but apparently not...

Thanks for your help, greatly appreciated

Pablo · June 2021

So, do you need some further help?

Thanks

Slide on left not showing

Comments