Viewing on Mobile Device

  • Hi there,

    Still loving the theme and really hopeful I will be able to get some support here. I’ve installed a Shopify page into my blog, and have it displaying nicely on desktops, however when viewing on a mobile I only seem to be able to view one product per row (see picture)

    Would there be something I need to edit to have it displaying multiple products per row?

    1 Per Row
    Thanks in advance

    https://www.thenichehairstudio.com.au/store%202
    pw: nichehair2017

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello mattybix,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.


    @media only screen and (max-width:480px){
    .shopify-buy__product{
    min-width: auto;
    width: 135px;
    }
    .shopify-buy__btn-wrapper{
    margin-top: 0;
    margin-bottom: 20px;
    }
    .shopify-buy__btn{
    font-size: 12px;
    padding: 6px 34px;
    }
    }

    Hope this will helps you.

    I am using divi theme and i created a website https://www.anokhafashion.com
    I added 3 products in a row but in mobile version it is showing only one product per row. I want 2 product per row please help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Viewing on Mobile Device’ is closed to new replies.