Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2185987
How to make Woocommerce mobile site 2 columns for products to show
Closed

Comments

  •  1
    theorganisedhousewife started the conversation

    Hi there

    I would like to improve my eCommerce site to be more mobile friendly.  I can't work out how to make the products show as 2 columns rather than 1.  

    On homepage: https://theorganisedhousewife.com.au/shop/

    and throughout the site, on category pages

    https://theorganisedhousewife.com.au/shop/product-category/physical/lunch-boxes/

     and shortcoded pages: 

    https://theorganisedhousewife.com.au/shop/whats-new/ 

    Thankyou for your help. 

  •  1
    theorganisedhousewife replied

    I am trying to make more tickets and it's not letting me, why is this? 

  •  2,700
    PenciDesign replied

    Hi,

    1/ Please try add more this code to Customize > Custom CSS to do that:

    @media only screen and (max-width: 479px){
        .woocommerce ul.products[class*=columns-] li.product, 
        .woocommerce-page ul.products[class*=columns-] li.product{
            width: 48% !important;
            margin: 0 0 2.992em !important;
        }
        .woocommerce ul.products li.product h3, 
        .woocommerce ul.products li.product .woocommerce-loop-product__title{
            font-size: 14px;
        }
    }
    

    2/ Is your support expired? If right, you can't create a new ticket. Let's renew the support.
    If your support still remains, please try again after a few mins because maybe Envato API goes down and can't validate your purchases.


    Best Regards,

    PenciDesign

  •  1
    theorganisedhousewife replied

    Wonderful, that worked, thank you very much!!

  •   theorganisedhousewife replied privately
  •  2,700
    PenciDesign replied

    Hi,

    1/ To do that, please try add more this code to Customize > Custom CSS:

    .woocommerce ul.products li.product .button{ background: #88cfd3; color: #fff; }
    .woocommerce ul.products li.product .button:hover { background: #f4806c; }
    

    2/ You can do that when you can edit HTML of the Active Campaign. As I see the Active Campaign has stylesheet attach with the form, so I think you can't do that..


    Best Regards,

    PenciDesign

  •   theorganisedhousewife replied privately
  •  2,700
    PenciDesign replied

    Hi,

    2/ You can try put the code for your active campaign via Customize > Footer Options > Add Google Adsense Code above Footer.


    Best Regards,

    PenciDesign

  •   theorganisedhousewife replied privately