SandraC Posted November 28, 2022 Share Posted November 28, 2022 Hi there, I would love some assistance to figure this out. I am using Bedford. In a poster image, the text looked fine on desktop, but was cut off in tablet and mobile views. I figured out to adjust the font size to work for the tablet view. However, when I adjust the font-size for mobile, it appears lower in the image and is cut off. How can I adjust it so the entire text appears over the image? I am attaching an image of the mobile view (cut off text) and also the tablet view (text visible). Thanks so much! Link to comment
Ziggy Posted November 28, 2022 Share Posted November 28, 2022 I'd love to help, but can you share you website URL and page so that I can have a look at what's going on? Thank you! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
SandraC Posted November 29, 2022 Author Share Posted November 29, 2022 @Ziggythanks for your reply! it's on sandracurry.com/home at the bottom of the page. Link to comment
Ziggy Posted November 29, 2022 Share Posted November 29, 2022 I can't see the text appearing lower in the image, but I can see that your CSS is not working correctly, can you share everything you have in the Custom CSS so I can see why there is a conflict? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
SandraC Posted November 30, 2022 Author Share Posted November 30, 2022 @ziggy. where do I send the css to? I think it might be too much to post here. Link to comment
Ziggy Posted November 30, 2022 Share Posted November 30, 2022 You can post it here, or send it in a personal message, how many lines of CSS? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
SandraC Posted November 30, 2022 Author Share Posted November 30, 2022 @Ziggy. I just sent the css in a personal message to you. Link to comment
Solution SandraC Posted December 1, 2022 Author Solution Share Posted December 1, 2022 (edited) This code worked great! Thanks again, @Ziggy! @media only screen and (max-width:640px) { #block-yui_3_17_2_1_1651603783964_151991 .image-subtitle p { font-size: 2.75vw !important; } } Edited December 1, 2022 by SandraC Ziggy 1 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