Issue with mobile product listings rendering

[bdendas]

I’m having issues on all of my category pages on my mobile site.

When the page loads product listings look as they should but when I start to scroll down the page the images resize, leaving product descriptions and listing to overlap.

Example:

http://imgur.com/a/Vd14D

[FocuxTheme Support]

Hi

What’s brand of your mobile phone?

I checked it, but it looks fine https://www.dropbox.com/s/95hay8163u8eyq7/Screenshot%202017-04-13%2016.32.55.png?dl=0

Thanks

[bdendas]

I’m using the Google Chrome app on my iPhone.

[FocuxTheme Support]

Sorry for the delay, because I still can’t reproduce this issue on my mobile phone, today is Monday here, I’m going to check it on the other mobile phones from my partners. I will let you know the testing result.

[FocuxTheme Support]

Although I still can’t reproduce the issue, but you can give a test

Put the following custom CSS into DGWork options > Custom Code > Custom CSS

.dgwork-product-grid .type-download{margin-bottom:1.2em;}

Also, how about my demo page on your mobile phone? http://demo.themevan.com/dgwork/shop/ and http://demo.themevan.com/dgwork/products/themes/

Thanks

[bdendas]

Tried that CSS code but that did not work. Also those pages look fine on both Safari and Google Chrome.

It is pretty inconsistent throughout the site on different category pages

[FocuxTheme Support]

I noticed that you have minified the theme CSS files, right? I’m not sure whether it’s caused by the minify plugin, so you try to deactivate it and check again. Also, you can tell me which minify plugin you use that I can test the theme with it on my local site.

[bdendas]

By minify, I believe you are talking about our WP Fastest Cache plugin

[FocuxTheme Support]

I will install this cache plugin and test the product grid again.

[FocuxTheme Support]

Hi

Could you tell me your email that I can share the new version to you on dropbox? I fixed the overlapping issue, it works fine on my device at least, but I’m not sure how about on your site.

Thanks

[bdendas]

This reply has been marked as private.

[FocuxTheme Support]

Hi

I shared the files on dropbox, please check your inbox and download it within 3 days, the files will deleted after 3 days.

Reinstall DGWork and ThemeVan Shortcodes plugin, clear your site or browser cache and check again.

In this version, I added hide free text option in product editing page and EDD product grid element in Visual Composer.

[bdendas]

This reply has been marked as private.

[FocuxTheme Support]

This reply has been marked as private.

[bdendas]

You’re a badass! Thanks John.

I’ll download these later today and let you know when I do.

Much Thanks!

[bdendas]

This reply has been marked as private.

[FocuxTheme Support]

Strange.

1. Could you show me which page the product items are stacked together? Because it looks fine when I checking on Mac + Chrome.

2. Try to edit Custom heading in Visual Composer, reset the font size for mobile https://www.dropbox.com/s/o0s2p4lj3v5kkui/Screenshot%202017-04-26%2017.36.57.png?dl=0 You can set it to 1.5rem.

3. This is the screenshot when checking on my computer https://www.dropbox.com/s/x6s11rttqth3g82/Screenshot%202017-04-26%2017.37.58.png?dl=0 How it looks on your computer? What browser do you use?

Thanks

[bdendas]

It actually looks fine now. Sorry about the confusion

[FocuxTheme Support]

That’s all right!

[Author]

Posts