deliberatemom Posted June 22, 2020 Share Posted June 22, 2020 Site URL: https://www.bambinigroup.com/ Hi there, I'm trying to adjust the size of the headline "bambini" on mobile only. The size on desktop is perfect but I would like it to fit within the mobile screen (right now it says: "bamb"). Any CSS code wizards who can give me advice or a suggestion? Thanks so much! Link to comment
rwp Posted June 22, 2020 Share Posted June 22, 2020 @media screen and (max-width: 600px) { h1 { font-size: 20vw; } } Give this a go. Link to comment
deliberatemom Posted June 22, 2020 Author Share Posted June 22, 2020 Thank you for your prompt response. It didn't work - looks exactly the same. 😞 Link to comment
rwp Posted June 22, 2020 Share Posted June 22, 2020 (edited) 46 minutes ago, deliberatemom said: Thank you for your prompt response. It didn't work - looks exactly the same. 😞 This should do it, and work better @media screen and (max-width: 600px) { h1#sqs-slash-page-header { font-size: 20vw !important; } } Edited June 22, 2020 by rwp Link to comment
deliberatemom Posted June 22, 2020 Author Share Posted June 22, 2020 Hmmmm - it still didn't work. Looks the same. Link to comment
rwp Posted June 23, 2020 Share Posted June 23, 2020 (edited) 1 hour ago, deliberatemom said: Hmmmm - it still didn't work. Looks the same. What browser are you using? Are you adding this to the CSS section? Edited June 23, 2020 by rwp Link to comment
Solution tuanphan Posted June 23, 2020 Solution Share Posted June 23, 2020 16 hours ago, rwp said: @media screen and (max-width: 600px) { h1 { font-size: 20vw; } } Give this a go. She uses Cover Page. Custom CSS doesn't affec Cover page. 13 hours ago, deliberatemom said: Hmmmm - it still didn't work. Looks the same. Add to Page Settings > Advanced > header <style> @media screen and (max-width: 600px) { h1#sqs-slash-page-header { font-size: 20vw !important; } } </style> deliberatemom and squaresam 2 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
rwp Posted June 23, 2020 Share Posted June 23, 2020 @tuanphan Thanks! I didn't know that! deliberatemom 1 Link to comment
deliberatemom Posted June 23, 2020 Author Share Posted June 23, 2020 4 hours ago, tuanphan said: She uses Cover Page. Custom CSS doesn't affec Cover page. Add to Page Settings > Advanced > header <style> @media screen and (max-width: 600px) { h1#sqs-slash-page-header { font-size: 20vw !important; } } </style> That worked! Thank you so much! 🙂 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