Need help to minimize product title on mobile

Janamir
Explorer
132 0 46

I need help to minimize product title on mobile. Please help asap.

 

product-title.JPG

 

site:  https://polished-london.myshopify.com/products/toothpaste-tablets-bamboo-toothbrush-set

pass:  home

Pallavi
Shopify Expert
2221 363 474

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (max-width: 767px){
#m-1570089474822-child1-1 .gf_product-title {
font-size: 15px!important;
}
#m-1570089474822-child2-1 .gf_product-title{
font-size: 15px!important;
}
#m-1570089474822-child3-1 .gf_product-title{
font-size: 15px!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
7346 1736 2319

@Janamir 

Please add the following code at the bottom of your vendor.css file.

@media (max-width: 767px){
.product-single__title .gf_product-title {
    font-size: 12px!important;
}
}

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
Janamir
Explorer
132 0 46

@dmwwebartisan that didnt work. There is no vendor.css file on theme.scss

0 Likes
Janamir
Explorer
132 0 46

that didnt work. Other option?

0 Likes
suyash1
Shopify Partner
3007 328 503

@Janamir - see your theme.css file is loaded before gempages css, please check if your theme has gempages css files and add given css to it. Otherwise please use gempages mobile view settings to set title size.

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
dmwwebartisan
Shopify Partner
7346 1736 2319

find following code in assets/gem-page-product-1621600149.css and remove "!important"

#m-1570089474822-child1-1 .gf_product-title {
    font-size: 18px!important;
    line-height: 1.2em!important;
    letter-spacing: 1px!important;
    color: #2d313f!important;
    font-family: 'Kiona Bold'!important;
}

Replace to 

#m-1570089474822-child1-1 .gf_product-title {
    font-size: 18px;
    line-height: 1.2em;
    letter-spacing: 1px;
    color: #2d313f;
    font-family: 'Kiona Bold';
}

 

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
GemPages_Agents
Shopify Partner
43 9 32

Hi @Janamir 

You can change Product title on Mobile on Gempages editor by choosing (P)Title on Mobile --> Change font size as you wish. Here is a screenshot for your reference:

(P)Title.png

Can you give it a try and let me know if it works for you?

If you have any questions or concerns, feel free to reach us via email (support@gempages.help) or live chat.

Thanks!

If you find my reply helpful, please hit Like and Mark as Solution
Join the waitlist to enjoy exclusive offers once we're back on Shopify at https://gmpg.link/reborn
Get connected: Website | Youtube | Community | Partners | Help Center
0 Likes