2 Rows on mobile for Product Blocks

Site URL: https://www.rsfxx.com/shop/

Can anyone help with this? I tried searching for code and changing id's but no luck. Appreciate the help.

Add to Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5fc1f780eaf37e3b64e21d26 .span-3 {
    width: 50% !important;
    float: left !important;
}
}

Thanks a lot! I think I forgot to remove the "#" works great!

One more question if you dont mind, if I want to center just this page's contents would that be possible? Its right justified due to the "hidden menu section" to the left https://www.rsfxx.com/yellow Thanks

On 5/29/2022 at 11:15 AM, Gadget said:

Thanks a lot! I think I forgot to remove the "#" works great!

One more question if you dont mind, if I want to center just this page's contents would that be possible? Its right justified due to the "hidden menu section" to the left https://www.rsfxx.com/yellow Thanks

You mean center horizontal/vertical image?

3 hours ago, tuanphan said:

You mean center horizontal/vertical image?

Horizontally, when the page is a certain size it offsets the image/content to the right.

19 hours ago, Gadget said:

Horizontally, when the page is a certain size it offsets the image/content to the right.

Try adding to Design > Custom CSS

div#pageWrapper {
    margin-left: 0 !important;
}

On 5/31/2022 at 7:15 PM, tuanphan said:

Try adding to Design > Custom CSS

div#pageWrapper {
    margin-left: 0 !important;
}

 

Great works perfectly, thanks a lot for this!