Product Gallery Image widget not centered or full width on mobile

Started working with the Woodmart theme this week – The theme is great and everything is functioning perfectly. I’m heavily satisfied except there is one problem I can’t seem to get fixed myself. I’m encountering problems with the Product Gallery Image widget.

On Desktop everything is fine and the widget is customizable, however on mobile I can’t seem to edit the layout. The images in the widget won’t change to full width, and are positioned to the left.

The problem is on this page on my staging: https://www.staging16.oasisart.nl/product/bonzai-rond

I used the native Elementor image gallery before, and I never had issues with this widget. You can see this page on the live site: https://www.oasisart.nl/product/bonzai-rond

It worked fine before, so I figured it can’t be the image or thumbnail sizes. Also, within Elementor the widget looks as it should look on the live site as well.

Does anybody know what could be the problem over here? Thanks in advance

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

When you check the page on the emulator, please reload the page or check on the real device. Let us know if the problem remains. In addition, please advise what device and browser you use.

Best Regards

[oasisart.nl]

Hi there,

I tried everything and the problem always sustains. I have no caching.

Also, the problem is occurring in the emulator now as well. I tried all thumbnails position layouts in the style tab of the widget and the problem occurs with every preset.

I’m using Elementor, and the problem occurs in all browsers. Safari and google chrome on mobile, and also mobile view in inspect in chrome on desktop.

Images of the issue on chrome and safari (mobile):
https://www.dropbox.com/sh/w7rkpoozm1wu4df/AADVMFCUwWcHwVW1E_wg2L38a?dl=0

Thanks in advance

• This reply was modified 1 year, 3 months ago by oasisart.nl.

Does anybody know a solution for this? Desperate to fix this, we want to launch the website but this has to be fixed 🙏

Hello,

You can a custom CSS added in Theme Settings which influences the gallery on mobile devices. Here is a screenshot
https://monosnap.com/file/K9ot5NREg2l8iT8FV5akCh0eP86WKi
If we remove this code, the gallery start looking like this https://monosnap.com/file/P8BTgSEcCL0MA90lwFLnkOWcoQsr6v

Please, check it from your end and let us know if it works.

Kind Regards

That did the job! Thank you very much

You are always welcome. Feel free to contact us if you have any further questions.

[Author]

Posts