Hi,
My apologies for the long wait.
To have 4 products in a row please click on the new section and add 4 columns.
By default, every setting in Elementor is affecting the website desktop view. Some settings can be edited for different device types, such as mobile devices and tablets.
To make elements in your site responsive to mobile:
Search for the device type icon next to the relevant setting. If you can’t see it – this means this setting is universal only and affects all devices.
Click the device type icon and select the device for which you want to edit (desktop / mobile / tablet).
Now you can change the settings according to your needs, and they’ll be relevant only for the selected device.
Please note that when you apply hidden for example from desktop view hidden to mobile, you won’t see for example the column that you have created in desktop mode, you will have to create new columns and change them to be hidden on desktop, that way you can have two widgets with different settings for a different view and they won’t be duplicated when you set the responsive mode.
Let me know if you need any further information.