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
