SarahElizah Posted November 3, 2019 Share Posted November 3, 2019 Hey Guys! I've already used custom CSS to adjust the mobile fonts on my site, however, I can't figure out how to adjust the size of the product titles in mobile view. I'm using the Jaunt template. Any help would be great...thanks! Link to comment
SnazzyView Posted November 3, 2019 Share Posted November 3, 2019 It looks like you need to increase the line height. snazzyview.com Link to comment
SarahElizah Posted November 3, 2019 Author Share Posted November 3, 2019 Thanks for your response! The issue is that I like the line height and font size as it appears in the desktop view, so I don't want to change it. Just hoping to find a way to adjust the font size in mobile view only. Link to comment
tuanphan Posted November 3, 2019 Share Posted November 3, 2019 @SarahElizah Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
SarahElizah Posted November 3, 2019 Author Share Posted November 3, 2019 @tuanphan I'm still working on it, so it isn't live. I've attached an image of what the product titles look like in the desktop view. Thanks! Link to comment
tuanphan Posted November 4, 2019 Share Posted November 4, 2019 If you don't share link, it is difficult. @SarahElizah Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kako Posted November 18, 2019 Share Posted November 18, 2019 @media only screen and (max-width: 768px) { h1.ProductList-title { font-size: 13px !important } } tuanphan and SarahElizah 2 Link to comment
SarahElizah Posted January 10, 2020 Author Share Posted January 10, 2020 @kako I haven't been back to check this page. I just logged in and saw your response...thank you very much! I am also wondering how to change the layout to a single column in the mobile version only. Here's a link to my site https://www.aasah.com Thank you! Link to comment
wedoaesthetic Posted November 5, 2021 Share Posted November 5, 2021 Hello, i have a similar problem. I need to change the Product Title Text Size - only on mobile view and make it smaller ( and the price a bit bigger). Can you help me? I tried already this code on custom CSS but I can't find a way to apply the change to the Product Title. This is my website https://www.wedoaesthetic.com/ i already tried this code but something is off and it's not working @media only screen and (max-width: 640px) { /* Start Insert Code for Mobile*/ /* Product Block Titles */ .product-block .productDetails .product-title { font-size: 0.5rem; } #productList .product .product-title { font-size: 0.5px !important; }} Link to comment
tuanphan Posted November 7, 2021 Share Posted November 7, 2021 On 11/5/2021 at 9:53 PM, wedoaesthetic said: Hello, i have a similar problem. I need to change the Product Title Text Size - only on mobile view and make it smaller ( and the price a bit bigger). Can you help me? I tried already this code on custom CSS but I can't find a way to apply the change to the Product Title. This is my website https://www.wedoaesthetic.com/ i already tried this code but something is off and it's not working @media only screen and (max-width: 640px) { /* Start Insert Code for Mobile*/ /* Product Block Titles */ .product-block .productDetails .product-title { font-size: 0.5rem; } #productList .product .product-title { font-size: 0.5px !important; }} On Shop Page or individual products? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment