Topic: help : xstore

Hello, @dcjeans amazon,

To set 1 product per row on mobile, add this code in Theme Options > Custom css > Custom css for mobile:

.products-grid .product {
    width: 100% !important;
}

To achieve this result http://prntscr.com/msxdbf you can add this code in Theme Options > Custom css > Global custom css:

@media only screen and (max-width: 1030px){
    .top-bar, .top-links .topbar-widget,
    .top-bar .top-links {
        display:  block !important;
    }
    .top-bar .etheme_widget_socials {
        display:  none !important;
    }
    .et-toppanel-on .top-links {
        width: 100%;
        float:  none;
        text-align:  right;
    }
    .top-bar .wpml-ls-legacy-dropdown {
        max-width: 100%;
    }
    .top-bar .widget_icl_lang_sel_widget {
        padding-right: 0px;
    }
}

“Load More Products” relates to WooCommerce Infinite Scroll and Ajax Pagination plugin https://xstore.helpscoutdocs.com/article/65-woocommerce-infinite-scroll-and-ajax-pagination-settings

Regards