Mobile shop display overlaps

Hi HB team,

I am having a display issue with our online store http://www.lovingislands.com/shop where the product drop down and sorting fields are overlapping (image attached). I am wanting it to display as it does in the Customiser preview (image attached).

I’ve also been trying for a while to change the mobile product display by adding code into the Additional CSS field of the customiser but it’s not working. Is anyone able to help with this?

/* Mobile store column count*/
@media handheld, only screen and (max-width: 900px) {
$woocommerce_loop[‘columns’] = apply_filters( ‘loop_shop_columns’, 2 )};

Thank you 🙂