5 columns in one row in "feature-column section" [Debut theme]

Highlighted
Tourist
6 0 1

Hello,

My company is offering a 5-step marketing process and therefore I want to put 5 columns in one row to describe the process. Unfortunately, when I got >4 columns, they split in two different rows.

Actually the Default number in the Debut Theme is 3 columns in 1 row but I already made it 4 columns in one row by changing the coding in feature-column.liquid as follows, as described in the Shopify Community Forum:

{% when 4 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign image_size = '530x' -%}

in

{% when 4 %}
{%- assign grid_item_width = 'medium-up--one-quarter' -%}
{%- assign image_size = '530x' -%}

Unfortunately I can’t figure out how to put 5 columns in 1 row.

Can someone help me? Thx,

Jurgen

0 Likes
Highlighted
Shopify Partner
2362 512 662

Hey @islnd 

Can you please provide me your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
6 0 1
URL: leadmissile.com
1 Like
Highlighted
Shopify Partner
2362 512 662

Hello @islnd 

Please try This code.

{% when 5 %}
{% assign grid_item_width = 'medium-down--one-half large--one-fifth' %}
{%- assign image_size = '355x' -%}

 

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
6 0 1
Hello,
Thx for your swift response. I added the coding in feature-columns.liquid
as follows:

{% case section.blocks.size %}
{% when 1 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{%- assign max_height = 530 -%}
{% when 4 %}
{%- assign grid_item_width = 'medium-up--one-quarter' -%}
{%- assign max_height = 530 -%}
{% when 5 %}
{% assign grid_item_width = 'medium-down--one-half large--one-fifth'
%}
{%- assign image_size = '355x' -%}
{% endcase %}

Unfortunately it doesn't do the trick. If I add the 5th column, the columns
split into 4 different rows; the first row has 2 columns, the following
rows only 1 column.

Do you have any further suggestions? Thx,

Jurgen


0 Likes
Highlighted
Tourist
6 0 1

Hello,

Has anybody an idea how to resolve this issue? Thanks,
Jurgen
0 Likes