Hi there
I customed the Single Product Page today. And I found 2 issue of the web-site page in mobile mode.
1. All the parameters customization in desktop mode are exactly the same as in mobile mode, which can’t make others have different browsing experience in desktop mode and mobile mode, and even some settings will make the page look strange in mobile mode. (Refer to IMG from 15 to 18)
2. If I use the AMP XStore plugin to set up AMP pages for mobile browsing, I cannot customize the specific position, order, font color, etc. of some modules in the pages as you can in Appearance —> Customize. For example, the proportion of the page occupied by a single product is too large to be adjusted. And there will be problems such as inconsistent width of the header and footer. (Refer to IMG from 19 to 22)
First, after customizing the Padding of Section2 in Single Product Builder in desktop mode, I found that it will sync to mobile mode. (15.png)
Then, I tried to adjust the order of Short Description and Add to Cart in mobile mode. It would also affect the order in desktop mode. (16.png)
After that, I wanted to verify if this happens with Elementor and WPBakery Page Builder. Well, same things happened. It looks weird in mobile mode. (17.png & 18.png)
I think that is why we need AMP XStore plugin for a batter browsing experience. And I believe this plugin will make all custom parameters in desktop mode adaptive to mobile mode.
However, it looks like I cannot customize the specific position, order, font color, etc. of some modules in the pages as you can in Appearance —> Customize. Only some overall appearance and some features can be customized, and specific customization options are very limited. (19.png)
When I use my phone to browser my web-site, I realize that the product size is too large in the shop page. It cannot automatically adjust the size of the product display in the phone screen, and it should be correct to display 2 products in one row. (22.jpg)
In addition to that, I clicked on a single product page at random and I noticed that the larger size images inserted in the detailed description were forced to be narrower instead of showing a correctly scaled image. And there is no option to adjust every image size in product description under AMP Version. Not even Elementor nor WPBakery Page Builder can do that. (21.jpg)
At last, I return to the shop page, trying to force scaling of the browser to show the full page. I find that the width of the header does not match the footer, and the width of the header is clearly too short, yet this plugin cannot adjust this either. (20.jpeg)
Overall, after I customize the page display in desktop mode, the page becomes very strange when viewed on mobile and cannot be adjusted separately for mobile mode without affecting the original customization parameters in desktop mode. Please tell me what to do now. Thank you.
Regard
