WooCommerce Product Gallery Images Not Displaying on tablets in elementor

• 

  fightingwarrior1 · Member · Nov 5, 2024 at 2:53 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  I’m experiencing an issue with my WooCommerce site, and I’m hoping someone can help me out. The product images in my WooCommerce Product Gallery are not showing up on mobile devices and tablets. I’m using Elementor to edit my product pages and a custom theme woodmart theme.

  Issue Description:

  The product images display perfectly on desktop, but when I switch to mobile or tablet view, the images disappear completely. Here’s what I’ve tried so far:

  • Disabled lazy loading – I turned off lazy loading for images both in WooCommerce and in the LiteSpeed Cache plugin.
  • Added custom CSS – I attempted several CSS codes to force the images to display on mobile, but with no success.
  • Checked Elementor settings – I ensured that images are not set to be hidden on mobile under the Advanced settings in Responsive mode.
  • Adjusted the product gallery layout – I tried different layouts, such as “Thumbnails left” and “Thumbnails bottom,” but the images still won’t appear on mobile.

  The images are: https://ibb.co/xH4Dtqh and https://ibb.co/y8gmd4P

  Performed WooCommerce and Elementor database updates – Everything is up to date, and I cleared the cache after every adjustment.

  Technical Details:
  Theme: Woodmart theme
  Plugins: WooCommerce, Elementor, etc
  WordPress Version: 9.3.3
  Elementor Version: 3.24.4
  WooCommerce Version: 9.3.3

  Any help or suggestions would be greatly appreciated!

  Thanks in advance,
  
  Dat Nguyen

  The blog I need help with is: (visible only to logged in users)