Reply 333602 to: Shop page layout on mobile is not stacking elements

Avatar: Awais Ahmed
Awais Ahmed
Participant
September 9, 2022 at 08:47

Hello, @Rohit_,

1. Actually, Yes you are right about this. There is no option in the theme to set the specific columns of products on the shop page for mobile and desktop. But if you want to show the 1 column of products on shop only on mobile you can use the below CSS code in the XSTORE >> Theme Options >> Theme Custom CSS >> Global.

@media(max-width:991px){.shop-full-width .products-grid .product{width:100% !important;}}

Then save settings and check back to your site after clearing the browser cache result will appear like this: https://postimg.cc/rK9RMZjw

2. I have checked your site shop page on my personal mobile and found that if I visit the shop page with the non-AMP version the shop page shows all products there is no pagination but the pagination appears if I check the site with the AMP version. By default there is no option in the AMP plugin settings to disable this if you are ok with it you can use the plugins otherwise disable the plugin and check back to your site shop page on mobile after clearing the browser cache. I hope you understand.
Check this video for a better reference: https://streamable.com/t8g8oy

Regards 8Themes Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.