METASLIDER

[hadesnyc]

Hi,

 

My metaslider looks nice when using my macbook, but when I switch to iphone 6. It looks extremely weird & compressed. It does not look good.

 

Can someone please help me fix this?

[Harry]

Hi,

I checked your screen shot and on iphone 6 but didn’t see any problem with slider it auto resize to fit your screen.

Best regards!

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

[hadesnyc]

That’s not very helpful at all. I am clearly stating that the photos in the images of the slider during mobile browsing, is compressed in the middle. If you check my site out via mobile you can clearly see the difference in images when switching from computer to mobile

[Harry]

I compare your site on desktop and mobile but didn’t see different. Only have space on the left and on the right on desktop.

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

[emcampos93]

I am having the same issue. With metaslider, the images look great on a desktop or laptop. But when i try to view them on my phone the images get compressed. For some reason metaslider doesn’t change the ratio size. How can we fix that?

[hadesnyc]

Exactly! I dont get why the admins are disregarding my complaint. I am clearly not seeing things.

 

The meta slider compresses the middle portion of each slide and makes it look scrunched up.

 

Can one of you try to understand instead of saying you “dont see any difference”

 

There is clearly a difference if two people are complaining.

[Foster]

Hi guys,

Can you please give us the example of slide which you see it good ? We really confuse what you want

[hadesnyc]

 

observe the girls face in this screenshot, vs the one on the iphone.

 

Her face looks long and squished.. because of the slider on mobile. but her face is normal on the screenshot above

[Harry]

Hi,

You can add custom CSS in JanStudio > Theme Option > General Layout > Custom CSS

@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

[hadesnyc]

Hi thanks.

 

How can I remove or edit the “new” label on the products?

[Harry]

Hi,

You can hide new on product by edit product > New Arrival > Remove number day

https://monosnap.com/file/wbVlCtyoh6iKvOMqUjf0MytduupvRu#

Best regards!

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

[hadesnyc]

Hi,

You fixed my meta slider with the code @media only screen and (max-width: 480px) {
.metaslider .slides img {
height: auto;
} .

 

 

But now none of my other css that i put in the “Custom CSS Style” are working.

I want to remove my the TOP BAR.

 

I also want to add center social icons at footer. & make my submit contact button color WHITE.

 

But CSS codes are not working since I used code to fix Metaslider.

 

Also there is too much space at footer of my pages.

 

 

Please Help.

[Harry]

Sorry this is my mistake

Correct code is

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

}

I helped you correct code on your site.

For the next custom code you should put in the end of textarea so if have problem prev code still run.

Regards!

 

 

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

[hadesnyc]

Hi, Unfortunately I lost the previous codes while trying to fix the problem myself.

 

Can you please help me fix my site?

 

I want to remove the empty SPACE. at the bottom of my pages. Can you help me?

 

 

I want my social icons in the center footer like this on every page. but i cannot do it.

 

[Harry]

Hi,

You can add custom css

.footer__top { padding: 10px 0;}

#jas-footer, #jas-footer .widget-title, #jas-footer a { color: #2e2e2e;}

.widget_wysija_cont .widget_wysija.shortcode_wysija {text-align: center;}

.widget_wysija_cont form .wysija-submit { display: inline-block;}

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

[hadesnyc]

Thank you

 

How can I remove the space between the metaslider and the header?

 

 

Ans remove this space

 

And make the button like this

[Harry]

You can remove space between menu and slider by add custom css

.jas-page > div { margin: 0;}

for button need more custom code and have to change html you can hire some freelancer for help.

Regards!

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

[hadesnyc]

Alright I will ask contact form support to help me. But How do I remove the Wishlist icon?

[Harry]

You can disable wishlist on all any where by Deactivate YITH Wishlist plugin.

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

[hadesnyc]

I deactivated the yith plug in. but the button is still there…

 

How can i remove it?

[Harry]

I checked your site ans saw YITH Wishlist plugin still run.

I disable this plugin and now this icon hide.

Regards!

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

[Author]

Posts