Metaslider Issue on Mobile

[emcampos93]

Hello,

How can I edit the metaslider so that my images aren’t squished and appear as in this picture. This is a screenshot on my mobile device.

 

I have tried making two separate slideshows and using this code :
[device][/device] [notdevice][/notdevice]
with the wp mobile detect plugin but no luck yet. Any advice?

Thank you,

Erick

[Harry]

Hi,

Can you send us your website link and temporary admin account as private reply.

We will take a look and help you solve your problem.

Thanks

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

[phvagrant]

This reply has been marked as private.

[Harry]

@phvagrant: you can duplicate the row that contain meta slider and drag new row to where you want place above the footer.

Best regards!

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

[phvagrant]

This reply has been marked as private.

[Harry]

@phvagrant: can you send us temporary admin account as private reply we will take a look and help you solve you case.

Thanks

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

[emcampos93]

This reply has been marked as private.

[Harry]

@emcampos93 you can create new account as administrator in Dashboard > User and set this user as admin. After your task done you can remove this user.

Best regards!

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

[phvagrant]

This reply has been marked as private.

[Harry]

@phvagrant: i try account you sent but can’t access. Can you check and send us again.

Thanks

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

[phvagrant]

This reply has been marked as private.

[Harry]

Hi again @phvagrant,

I helped you fix issue with slider.

Regards!

 

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

[phvagrant]

This reply has been marked as private.

[Harry]

Hi @phvagrant can you explain more about your issue.

Thanks

• This reply was modified 7 years, 4 months ago by Harry.

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

[emcampos93]

This reply has been marked as private.

[Harry]

@emcampos93 Can you send us your website link too.

Thanks

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

[emcampos93]

This reply has been marked as private.

[Harry]

Hi again @emcampos93,

I checked your site you can add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.jas-row.jas-page { min-height: inherit;}

Best regards!

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

[emcampos93]

Hi Harry,

It works but only when the mobile device is turned horizontally. When it is upright, the images from the metaslider slide are still squished.

[Harry]

Hi @emcampos93 did you remove temporary admin account? I try account you sent but now can’t access.

Can you check and update for me.

Thanks

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

[emcampos93]

This reply has been marked as private.

[phvagrant]

You fixed the issue with the slider on the homepage but what we need to add the same slider to other pages and the same issue reoccurs. What did you do exactly as it did not fix the issue site wide?

[Harry]

Hi guys,

Sorry because miss your reply

You can add custom css to fix issue with meta slider on mobile

@media only screen and (max-width: 480px) {
.metaslider .slides img { height: auto;}

}

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

[phvagrant]

This reply has been marked as private.

[Harry]

Hi,

You need have div class=”jas-row” wrap 2 columns and clear content below

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

[Author]

Posts