Products Archive layout

Hi, I wanted to show Products in a List on mobile device also in my Products archive page.
I tried to do it in the theme settings by selecting list but it only shows list on desktop devices not on mobile devices and the product image size on mobile devices i also big and it is not reducing and also not moving inline.
i want to show list in product archives on mobile devices like the images i have attached below. Please see the images to see what i want on product archive page.

Please tell me the settings to do this or any code to do it.