Align products on mobile Woocommerce store

  • Resolved CB

    (@yavare)


    4 years, 8 months ago

    Hi all,

    In the link you can see the webshop. It looks fine on other screens, but I can’t figure out how to align the products on mobile. I’ve tried many different settings and CSS changes, but nothing works… Does anyone know which setting or CSS I can use to change this?

    Thank you in advance!

    The page I need help with: [log in to see the link]

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

  • Hi

    You should put this css code in your style file in child theme:

    @media only screen and (max-width: 510px){
   body div .first {
      margin-left: auto !important;
   }
}
.bbp-pagination .bbp-pagination-links, .fusion-pagination, .page-links, .pagination, .woocommerce-pagination{justify-content: center!important}

    If don’t work use this snippet:

    add_action( 'wp_head', 'my_product_list_margin' ); // or add_action( 'wp_footer', 'my_product_list_margin' ); 
function my_product_list_margin() {
    ?>
    <style>
        @media only screen and (max-width: 510px){
           body div .first {
              margin-left: auto !important;
           }
        }

        .bbp-pagination .bbp-pagination-links, .fusion-pagination, .page-links, .pagination, .woocommerce-pagination{justify-content: center!important}
    </style>
    <?php
}
    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    Hey there!

    The above methods should get you at least most of the way there. If not, you’ll want to contact your theme support about this, as it’s definitely a theme question, and they would be able to help more.

    Thread Starter CB

    (@yavare)

    Thank you! It didn’t work yet.. But I’ve contacted AVADA so hopefully they can help me.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align products on mobile Woocommerce store’ is closed to new replies.