Here, we'll walk you through the row settings that are available in the responsive design canvas.
The Row Settings window
How to Use
To get to access the row settings, you will need to click on the pink gear cog on the left side of the row. This will open a popup window that allows you to change the row settings.
Background Color: This allows you to change the background color of the row. By default this is set as transparent.
Show on Large Devices: When this box is ticked, this row will show on large devices.
Show on Medium Devices: When this box is ticked, this row will show on medium devices.
Show on Small Devices: When this box is ticked, this row will show on small devices.
Show on Extra-Small: When this box is ticked, this row will show on extra-small devices.
For each option, there are four fields where you will be able to enter pixel numbers for padding in regards to the rows, left, right, top and bottom padding.
Row Padding: Applies padding to the row in the responsive design.
Column Padding: Applies padding to the columns within the row.
Custom CSS Classes: This section allows you to add multiple Custom CSS classes to the product, allowing you to be able to add custom CSS classes to the row.