Create a Row With 7 Inline Responsive Columns

[Web_Services]

Hi, I’m trying to create a row of inline columns containing Pro’s Card element.

I initially tried to work around Pro’s maximum of 4 columns per row by creating columns within 2 columns. This looks okay on smaller screens, but on large monitors the spacing does not work and it seems I need to find a way to place all 7 Cards in one row to avoid uneven spacing.

I also tried the advice from this post (https://theme.co/archive/forums/topic/how-can-i-have-a-6-or-5-columns-portfolio/) and inserted this snippet in my child theme, but did not see any changes to the max number of inline columns per row:

switch ( $cols ) {
  case 'One'   : $cols = 1; break;
  case 'Two'   : $cols = 2; break;
  case 'Three' : $cols = 3; break;
  case 'Four'  : $cols = 4; break;
}
//Overrides the above columns
$cols = 7;

Do you have any advice for how to move forward and hopefully solve this issue?

There is a version of this feature on the homepage of the site now under the heading ‘choose your destination’.
My url is : b73.d9d.myftpupload.com

Thanks so much, these forums are always so helpful!

[ruenel]

Hello Optimotive,

Thank you for the very detailed post information. Please be aware that the given thread only modify the columns for the portfolio page. It does not apply to the column layout in the ROW element.

By default, your Row column layout is up to 4 columns only. You may be able to have custom columns by inserting the percentage as column widths.

With the column layout option, you can also set the number of columns for each respective screen size. Actually you do not need to edit or add any snippet if you want to have some custom columns. For more details about the Row element, kindly check this out:

• https://theme.co/docs/row

Hope this helps.