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

Solved
Yuta_M
Tourist
11 0 5

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/)

スクリーンショット 2021-06-22 22.22.09.png

 

 

KetanKumar
Shopify Partner
20503 2120 7732

This is an accepted solution.

@Yuta_M 

are you sure do you have like this?

KetanKumar_0-1624373867132.png

 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Yuta_M
Tourist
11 0 5

Thanks so much for getting back to me!!!

0 Likes
Yuta_M
Tourist
11 0 5

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?

0 Likes
KetanKumar
Shopify Partner
20503 2120 7732

@Yuta_M 

great do you need any help?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Yuta_M
Tourist
11 0 5

Thanks for the reply!

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

KetanKumar
Shopify Partner
20503 2120 7732

This is an 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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Yuta_M
Tourist
11 0 5

ARIGATO!!!

KetanKumar
Shopify Partner
20503 2120 7732

@Yuta_M 

thanks for update do you need any other help?

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Yuta_M
Tourist
11 0 5

 thanks!!

 

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

 

I'm using yotpo

 

AD9958F5-1146-41C2-9670-85D98AE6B78F.png