How to display 2 products per row in mobile view

  • Resolved muthualagappanchess

    (@muthualagappanchess)


    8 years, 10 months ago

    Hi,

    I am using a Virtue free theme to build an online sore. I am able to view four products per row in desktop view, which I am very much happy.

    However in the mobile view, I am able to view only one product per row which makes it very difficult for the users to scroll till the end. I want 2 products to be displayed per row in mobile view.

    Is there any possibility in the theme or any plugin would help me do it ?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hey,
    yes you can do this. in your theme options > advanced settings add this to the custom css box:

    @media (max-width: 767px){
    .products .kad_product {
    width: 50%;
    float: left;
}
}

    Kadence Themes

    Thread Starter muthualagappanchess

    (@muthualagappanchess)

    Hello,

    Wooow. It works very well. Thanks a lot for the quick support.

    I am not aware of the child theme. During upgrade would this code go off ? Should I put this in child theme ?

    hannah

    (@hannahritner)

    Hey muthualagappanchess,
    If you’re just pasting this in Theme Options you don’t need a child theme. All your content will be saved upon updating. A child theme is only necessary if you are updating the theme files.

    Hannah

    Thread Starter muthualagappanchess

    (@muthualagappanchess)

    Hi Hannah,

    Thank you for the excellent and quick support ??

    Regards,
    Muthu

    Hi
    I want to show 2 products per row in mobile view but it is showing only one product.
    How can i show two products in mobile view.
    I am currently using NewsPaper theme.Link to site is below.
    domains.publicdnb.com

    hannah

    (@hannahritner)

    Hey nomiking8,
    This forum is for Virtue theme only. Sorry!

    Hannah

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to display 2 products per row in mobile view’ is closed to new replies.