sisunaturals Posted February 9, 2021 Share Posted February 9, 2021 Site URL: http://www.sisunaturals.com Hello! I've created a title and description on a slideshow image on my homepage, but when I go to the mobile version it squishes the font into a tiny box. I would like to widen the space it allows the text to fit in so that the words are on the same line. I am using version 7.0 in the Brine family . the home page is www.sisunaturals.com I would like the text on the mobile version to look like: WHERE NATURE MEETS NURTURE products for natural and sustainable living Right now it looks like: WHERE NATUREMEETS NURTURE products for natural and sustainable living Thanks!! Emily Link to comment
ArminB Posted February 9, 2021 Share Posted February 9, 2021 Try decreasing the "Title Padding" of this block. it's set to be very small (see screenshot > max size of the container is around 500px Are you a bit familiar with CSS? Something like .meta-inside {max-width: 1000px !important) but probably more to fine-tune it on all devices About Armin:Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084Website: www.braunsberger-media.comLeaders Lodge: See my Profile Link to comment
sisunaturals Posted February 9, 2021 Author Share Posted February 9, 2021 3 hours ago, ArminB said: Try decreasing the "Title Padding" of this block. it's set to be very small (see screenshot > max size of the container is around 500px Are you a bit familiar with CSS? Something like .meta-inside {max-width: 1000px !important) but probably more to fine-tune it on all devices Thanks Armin. Copying that code into the custom CSS section didn't seem to change anything. When I inspect on the page, I can't see the any of the text that you've shown in the screenshot. I'm not sure where to find it Link to comment
ArminB Posted February 10, 2021 Share Posted February 10, 2021 Dear @sisunaturals looks like you figured it out? well done! About Armin:Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084Website: www.braunsberger-media.comLeaders Lodge: See my Profile Link to comment
sisunaturals Posted February 11, 2021 Author Share Posted February 11, 2021 On 2/10/2021 at 7:40 AM, ArminB said: Dear @sisunaturals looks like you figured it out? well done! Yes! Thank you. I played around with it and figured it out. For anyone new coming to the thread, my codes were: .sqs-block-gallery .sqs-gallery-block-slideshow .meta { .meta-inside {} max-width: 1000px !important; padding: 5px 5px; } @media screen and (max-width:480px) { .sqs-block-gallery .sqs-gallery-block-slideshow .meta { .meta-inside {} max-width: 900px !important; padding: 3px 0px; }} ArminB 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