We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How To Show 4 Multi Columns In Mobile Phone Dawn Theme.

Solved

How To Show 4 Multi Columns In Mobile Phone Dawn Theme.

fdl
Tourist
4 1 0

Currently, on mobile, it shows 2 columns and a slider. i want to have 4 columns shown on mobile so each image is shown. happy to have these smaller

 

this is how i want it to look:

Screenshot 2024-01-06 at 16.01.40.png

instead it looks like this on mobile:

Screenshot 2024-01-06 at 16.02.10.png

 these are just going to be vectors like, free shipping, fast delivery etc and i want them all to be seen together with no slider.

 

happy to answer any questions

thank you in advance!

 

Accepted Solution (1)

fdl
Tourist
4 1 0

This is an accepted solution.

found the solution. in multicolumn.liquid changed previously only had values being 1 and 2. added 4 options now. code below:

 

"type": "select",
"id": "columns_mobile",
"options": [
{
"value": "1",
"label": "t:sections.multicolumn.settings.columns_mobile.options__1.label"
},
{
"value": "2",
"label": "t:sections.multicolumn.settings.columns_mobile.options__2.label"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
}

View solution in original post

Replies 5 (5)

Natasha-Saed
Shopify Partner
467 51 87

Hi,

 

Can you please share your store URL to be able to help you on this.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
fdl
Tourist
4 1 0
fdl
Tourist
4 1 0

fdl
Tourist
4 1 0

This is an accepted solution.

found the solution. in multicolumn.liquid changed previously only had values being 1 and 2. added 4 options now. code below:

 

"type": "select",
"id": "columns_mobile",
"options": [
{
"value": "1",
"label": "t:sections.multicolumn.settings.columns_mobile.options__1.label"
},
{
"value": "2",
"label": "t:sections.multicolumn.settings.columns_mobile.options__2.label"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
}

MakersRidge
Shopify Partner
1 0 0

Hi there,

I am attempting to make the same change. However when I alter the code I get an error:

Unable to update the file

  • Invalid JSON in tag 'schema'

I cannot seem to figure out what I am doing wrong. I'd appreciate any help on this.

 

Password: nowpri
 
Thanks!