LayerSlider WP Thumbnails Not Showing Until Browser Window is Resized

I’m using LayerSlider WP slides (shortcode) in tabs (Tabs Responsive plugin). When the page initially loads, the first slide and corresponding thumbnails in the first tab display correctly but when I click on any other tab, the slide is visible but the thumbnails don’t show until the browser is resized (even just slightly). I have no idea how to fix this. It seems like the page needs to be refreshed in order to load the thumbnails?

Hi @ssiwebdev,

Thanks for reaching out!

There could be a plugin or custom code that affects the loading of your LayerSLider WP slides.

I recommend the following troubleshooting procedures before we investigate the settings.

  1. TESTING FOR THEME RELATED ISSUE
  2. TESTING FOR PLUGIN CONFLICT
  3. THEME UPDATE
  4. CHILD THEME
  5. CSS/JS CUSTOMIZATION
  6. VERSION COMPATIBILITY

Only if none of that helps, please give us the following information in a Secure Note.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

Thank you for your response. It turns out my issue wasn’t a page refresh issue but that the container doesn’t immediately expand when switching from tab to tab until the browser is resized. I did go ahead and increase PHP limit to 512MB as recommended.

For anyone else that encounters this issue, I resolved it by customizing the following classes:
.ls-thumbnail-slide {
margin-left: 0 !important; /keeps thumbnails from following mouse movement on hover/
}

.ls-thumbnail {
margin:0 !important;
width: 100% !important; /expands the container revealing all thumbnails/
}

Thanks!

Hello @ssiwebdev,

Glad to know that things are well for you. Thanks for sharing the information. Please feel free to reach us if you have any queries regarding our theme and theme settings.

Have a great day!
Thanks