I want to display the Narrative theme's collections in two columns only on smartphones.

[Yuta_M]

Hi there

My English is not good because Japanese people use translation to post this.
Sorry.

I would like to display Narrative theme's collection view with two columns for smartphones only, how can I do that?

I changed the mobileColumns to 2 and the title collapsed.

My Site（https://photopri.com/）

[KetanKumar · Accepted solution]

@Yuta_M 

are you sure do you have like this?

bcz its to much smaller user can doesn't look good 

[Yuta_M]

Thanks so much for getting back to me!!!

[Yuta_M]

Thanks so much for getting back to me!!!

I figure this is about the right size for the image.
It's a printing service, so I was hoping to make the product name look nice, since I want people to be able to choose the paper type efficiently.

Is it hard to see?

[KetanKumar]

@Yuta_M 

great do you need any help?

[Yuta_M]

Thanks for the reply!

I want to know how to adjust the line breaks in the product name.

[KetanKumar · Accepted solution]

@Yuta_M 

can you please change font size on mobile it would be great

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.card__name {
    font-size: 15px;
}
}

[Yuta_M]

ARIGATO!!!

[KetanKumar]

@Yuta_M 

thanks for update do you need any other help?

it's my pleasure to help us

[Yuta_M]

 thanks！！

Is it possible to adjust the size of the review star to be in a horizontal row?

I'm using yotpo

[KetanKumar]

@Yuta_M 

Yes, please add this code

@media only screen and (max-width: 749px) {
.card__wrapper--padding, .card__info {padding: 5px;}
.card__info .yotpo .yotpo-icon {font-size: 10px !important;}
}