White space in header on Apple Devices

[Faizan]

Please check the attached image. I can see white space on mac device & iPhones.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi this area because you add google_conversion_frame

https://monosnap.com/file/7CiXBrXFkqH5bkCJXRUsBeIx7ZkFT5#

Best regards

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

[Faizan]

Okay. Thanks. There is responsiveness issues on iPhone 5 & 6. The add to wishlist button is not aligned. Please check screenshot.

Attachments:

You must be logged in to view attached files.

[Faizan]

Thanks. Also, there is alignment issues on some devices for the add to wishlist button. I saw the changelog that the new update fixes some aligntment issues. Can you please share it? Please check the attached for understanding what I am saying.

Attachments:

You must be logged in to view attached files.

[Foster]

Hi,

I have just checked on your site, it still working normally

iPhone 5: http://take.ms/NnhLn

iPhone 6: http://take.ms/p9UD4

Which browser do you using on your phone?

[Faizan]

Actually in emulators it looks fine but not on actual device. There is problem on iPhone 6s 6 5 5s. Please check attached.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

This link for which product.

I checked on my real device iPhone6 it still work well.

 

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

[Harry]

You can add custom css

@media only screen and (max-width: 736px) {

.btn-atc .variations_form .yith-wcwl-add-to-wishlist { top: -32px;}

}

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

[Faizan]

Hey. I have added the CSS. It was fine on my android device. After adding the code, here’s how it looks. I’m not sure about iPhone yet.

Hope you remember, I only get the problem on iPhone 5 5s 6 6s. On other devices it looked fine before. Please check attached for how is it looking on my android device.

Attachments:

You must be logged in to view attached files.

[Faizan]

Browser is safari

[Harry]

Could you try set default variation for this product?

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

[Faizan]

hi. Sorry for the late reply. Do you mean default form value in variations? if yes, I have made the change.

Attachments:

You must be logged in to view attached files.

[Harry]

Yes, i mean set default variation for product like your screen shot

Regards

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

[Faizan]

Okay. I will update on how it looks on real devices. Thanks.

[Faizan]

Hey. Do i need to remove the CSS snippet you gave me or should I keep it?

[Harry]

Please remove the code i gave you.

Regards

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

[Faizan]

Hey, so after removing the code, the problem still exists. I am not sure what should be done. Have been facing the issue for quite a while now. Please help. Thanks. Also, does the new theme update fixes the issue?

[Faizan]

here is complete CSS if this helps

https://pastebin.com/EifwiLdX

[Harry]

Hi,

This issue because plugin “yith-wcdp-add-deposit-to-cart”

It changed DOM of HTML

Best regards

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

[Faizan]

Okay. I changed the plugin to official woocommerce one.
I want to reduce product light box size on single product page for desktops and laptops.
Here is the code I tried and maybe this is causing issues because the problem is still not fixed.

@media only screen and (min-width:1024px){
.jas-row .jas-col-xs-12 .product .pr .woocommerce-product-gallery{ -webkit-transform:scale(0.75) !important; left:76px !important; top:-110px !important; transform:scale(0.68); } .jas-wc-single .jas-row .jas-col-xs-12 .jas-row .jas-col-xs-12{ height:804px !important; height:781px !important; } }

After scaling the light box via the above code, the product descriptopm

If this is not the proper code, can you please give the proper code, in order to achieve it? Also, maybe the new theme update fixes the issue. Can you please share the latest update for the last time atlleast? Thanks. In attached image 11 it’s the default. While in image 222, it’s only with the product light box size reduced. Can you please give the better solution? Thanks so much.

 

Attachments:

You must be logged in to view attached files.

[Faizan]

Even after changing the plugin the issue is still there. I’m talking  about wishlist icon. 

[Foster]

Hi,

I have just checked, your site is working normally http://take.ms/sY8H3 http://take.ms/rqRSX Did you fix it by yourself?

 

[Faizan]

Hi. The wishlist icon isn’t proper on iPhones. On products like http://tinyurl.com/ya2p9l8k

On android phones its fine.

Also, regarding https://monosnap.com/file/63qKvONAUFZ5OPzOyZr3WebPnAhqvC

I want to reduce the image box size and align it properly. I’ve removed the CSS because it caused issues on some screens. I think there would be a better or the correct option.
<!–more–>

[Faizan]

So, I figured it out. The issue was with Mobile Cache enabled. I disabled it and everything is solved.

One issue I am facing is I cannot display all sale products(simple+variable) using the shortcode [sale_products columns=”3″ per_page=”12″]. Only variable products are seen with this shortcode & not simple or other types of products. And also, there are multiple products but still pagination does not show on this page. The URL is https://tinyurl.com/yb975l46

Thanks

[Harry]

Hi,

1. Can you send us admin account again to check your issue?

2. By default the shortcode doesn’t support pagination you can use a plugin for this https://wordpress.org/plugins/shortcode-pagination-for-woocommerce/

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

[Faizan]

This reply has been marked as private.

[Harry]

1. I used code [sale_products columns=”3″ per_page=”12″] it now work well with pagination.
2. The sale still load simple product because your select “Online Payment” or COD so it have to go to detail page to add to cart http://take.ms/EzxsW

Regards

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

[Faizan]

Thanks so much. It fixed the issue. Can you please share the latest theme file? Or if soon the new update is coming, I can wait. Because WooCommerce 3.1 will come out soon. Thank you so much.

[Harry]

Hi,

Sorry your support expired so we can’t send you theme package. You need to purchase for a license to download.

Thanks

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

[Author]

Posts