mobile view

Hi,

Need help in following,

Currently in Page Setup –> Search Page, I have set Default View to ‘List’.

I have removed fa-icon from my button, so in mobile view it looks something like attached image1.png

However on my home page, by default coupons loads in ‘Grid’ view, and it looks OK on both Grid and List view, refer image to image2.png.

I want to achieve following,

1. On desktop default view will be ‘List’ however on ‘mobile’ (e.g. when screen resolution is like, 366×480,320×480,360×640 etc) is should use ‘Grid view’? basically I would like to look image1 like image2 on mobile.

2. I was trying to arrange some positions of elements in themes/CP/content-listing-coupon.php but it did not work, is this is correct place?

3. Also, I need to change the position of ‘Get coupon code’ button, which file I will require to modify?

Any help will be highly appreciated.

Thanks & Regards,