Avada Forums Community Forum More columns Woocommerce on phone

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • MatcallBV
    Participant
    Post count: 2

    Hi, Is there a possibility to have more columns with Woocommerce on a phone? See Attachment. I have made a photoshop example. I have already played with the mobile / responsive view but with no succes.

    example

    Rotane
    Participant
    Post count: 2

    Hello

    You can try it to copy this code into the Custom CSS: it works for me:


    @media
    only screen and (max-width: 800px) {
    .fusion-body .products li {
    width: 49% !important;
    display: inline-block;}}

    MatcallBV
    Participant
    Post count: 2

    Great! This works perfect!

    Thanks

    mtrolle
    Participant
    Post count: 1

    Looks good. I got same “problem”, not with woocommerce thought. But with images in general – need 2 columns on smartphones. Got 4 columns on desktop and 1 on smartphones atm.

    Federica Felice
    Participant
    Post count: 1

    Hi, have the same problem but after many years of upgrading Avada template settings, I wonder if this css code is still working.
    I’m not confident with css and I need some instruction to learn how to do it. Can please someone help me to put two columns on woocommerce shop (avada) on the phone view?

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.