Reply To: information box and product categories mobile version appearance

hi,
1. what i mean is instead of showing 2 on mobile version i want it to show 5
2. for product categories i saw alot of people facing this issues as i follow the most recent one but do not known did it actaully work or not (link). i hope u will be able to answer if it actually work or not and did it change only product categories mobile display not the other element. this one i want to display 3 in stead of 2
3. i try your suggestion but it seem on mobile version it kept show only single banner no matter how much i try.
4. do i need to open another ticket? as this one is different topic let me known and i will create another post for that.
i manage to hide price range from variation price from main page, shop page and to display only single product page. but on mobile version i cant manage to hide variation price on shop page even though main page is working fine.

function disable_woocommerce_setup_remove_dashboard_widgets() {
	remove_meta_box( 'wc_admin_dashboard_setup', 'dashboard', 'normal');
}
.wd-loader:after {
	display: none;
}
body .product-grid-item .price {
        font-size: 0;
}
.single-product-page .summary-inner > .price > span:first-child {
   font-size: 22px;
}
.single-product-page .summary-inner > .price > small {
    font-size: 18px;
    margin-left: 6px;
}
body .product-grid-item .price > ins,
body .product-grid-item .price > span:first-child {
   font-size: 14px;
}
body .product-grid-item .price > del {
    font-size: 12px;
    margin-right: 3px;
}
body .product-grid-item > .price > small {
    font-size: 12px;
    margin-left: 4px;
}
body .single-product-page .summary-inner > .price > ins,
body .single-product-page .summary-inner > .price > span:first-child {
   font-size: 22px;
}
body .single-product-page .summary-inner > .price del {
    font-size: 22px;
    margin-right: 6px;
}

your support is appreciated.
thanks.