Change font size in Main Page and Collection for Mobile Brooklyn

Solved
Shafat
Tourist
17 0 11

Hi,

I would like to change the font sizes as they are too big for product title and description in my mobile. Brooklyn Theme

And also, I would like to have 2 products per row in mobile. Can someone help?

123.https://babystoresale.com/

0 Likes
Shafat
Tourist
17 0 11

Hi Marina,

my website is https://babystoresale.com/

Password: 123

Thanks,

Shafat
Tourist
17 0 11

It doesn't work and I think you can post a reply here. 

 

Someone else help please

0 Likes
dmwwebartisan
Shopify Partner
7454 1770 2372

@Shafat 

Please share your password. It is not working. 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Shafat
Tourist
17 0 11

Hi,

Its 1234

dmwwebartisan
Shopify Partner
7454 1770 2372

This is an accepted solution.

@Shafat 

Thanks for the password. Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 768px){
.template-index .rich-text__heading--large {
    font-size: 2.3em;
}
body.template-index, body.template-collection{ font-size: 15px !important; }
}

This will reduce the size of the mobile for the home page and collection page.

Hope this works for you.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Shafat
Tourist
17 0 11

Thank you very much! That worked.. 

Can you help me with fitting 2 products in a row for home page and in collection as well?

 

dmwwebartisan
Shopify Partner
7454 1770 2372

@Shafat 


@Shafat wrote:

Thank you very much! That worked.. 

Can you help me with fitting 2 products in a row for home page and in collection as well?

 




This for desktop or mobile?

Let me know.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Shafat
Tourist
17 0 11

Its for Mobile.. And also reduce the font size for Product title in mobile!

dmwwebartisan
Shopify Partner
7454 1770 2372

@Shafat 

Please add the following code.

@media screen and (max-width: 768px){
.template-index #CollectionSection .grid__item.grid-product.medium--one-half{ 
width: 50%; 
}
.template-collection .grid__item.grid-product.medium--one-half{ 
width: 50%; 
}
.template-collection .grid-product__image-link{ width: 86% !important; }
.grid-product__title{ 1em !important; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes