how to show 3 multi columns in mobile phone dawn theme.

Store Design
1

Hi, can anyone please help me. i want to show 3 multi columns in one line instead of 2 in mobile dawn theme.

i want these columns in one line.
i want these columns in one line.1170×2161 140 KB

just like in this one.
just like in this one.1158×996 60.8 KB

2

There is no real space for three columns on mobile. Why don’t you enable the slider

Screen Shot 2022-09-05 at 11.29.13 PM.png
Screen Shot 2022-09-05 at 11.29.13 PM.png2400×684 63.6 KB

?

3

Hi @suryagoswami7 ,

Having 3 columns in mobile size will squeeze your texts and containers. If you still want to show it as three columns, you can use the code below

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
@media only screen and (max-width: 750px){
li.multicolumn-list__item.grid__item {
    width: 32%;
}
}
4
5

Quick check - is this what you were looking for?

6

It worked perfectly, but how can i change the font size of text in multicolum?

7

Yes, but I want to change the font size I want to make it a bit smaller. thanks.

8

You will have made that in the code itself. A side effect will be that every multi-column text will be small.

9

Hi, I followed your screenshot adding an extra Value and Lable of 3 but I am getting an error code

Invalid JSON in tag ‘schema’

How do I fix this?

10

You might be having an extra comma somewhere. Just go through the code and. remove it.

11

Hello can you help out with having 3 columns on mobile phone. i am adding some content above copyright text in my footer. my theme is dawn. my site is sabihas.co.uk.

12

How come the added code is “label” : “3” and not the same format as the other two?