Shop page layout on mobile is not stacking elements

This topic has 2 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Awais Ahmed

  • Avatar: Rohit_
    Rohit_
    Participant
    September 9, 2022 at 06:32

    Hi,
    I was trying to setup the Shop page of my site and found that the options (number of columns, items per page) are working well for desktop but I couldn’t find options to have different columns for mobile. Like 2 columns for desktop and 1 column for mobile. Where can I find device-targeted options? Also, I selected to show “All” products on the Shop page but on mobile, it is showing pagination. I don’t want that. I want to have an infinite-scrolling like thing or at least show all products on mobile.

    Please, contact administrator
    for this information.
    1 Answer
    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.

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.