Images in image gallery disappear on mobile screens

[code-engine]

Hi,

On mobile screen from 767px and below the images in image gallery element on my site disappear. Please see the attached image mobile.png. Note that it works ok on bigger screen. If you want to use device tool bar in browser dev tools to see please refresh after going to smaller screens.

Here’s the link to a page with the mentioned image gallery element http://villavici.staging.wpengine.com/portfolio/magazine-street-penthouse-new/.

Can you please take a look and help to fix this?

Thank you.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > general Layout > Custom CSS to fix

@media only screen and (max-width: 736px) {
.wpb_gallery_slides ul li {width: 100%;}
.wpb_gallery_slides ul li img {display: inline-block;}
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[code-engine]

Hi,

The code doesn’t work, because the width of the ul element is 2600%.

Please investigate further.

Thank you.

[Harry]

Hi,

Could you send me your site temporary admin account? I need more check before give you solution.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[code-engine]

This reply has been marked as private.

[Harry]

Hi,

I tried account you sent but can’t access, can you check and send me again.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[code-engine]

Hi,

Please try again now.

Thank you.

[Harry]

Hi,

I checked your site it now running outdated version. Could you please try update theme to latest version 1.6.8 http://support.janstudio.net/forums/topic/updating-the-theme/

Let me know if issue resolve or not.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[code-engine]

Hi,

I updated the theme and the issue still persists.

Please investigate further. Thank you.

[Harry]

Hi,

You can fix by change effect of slider follow this screenshot http://take.ms/YrRGp

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[code-engine]

Thank you!

[Author]

Posts