k_jorn Posted September 21, 2023 Share Posted September 21, 2023 The top of text on my site's footer is cut off when viewed on mobile. I don't have any CSS applied to this section ID, so not sure what's causing this. It seems like Squarespace only allows a max number of rows on the footer before the text starts getting cut off. Does anyone have a solution? https://harp-alligator-bsmc.squarespace.com/ Link to comment
tuanphan Posted September 21, 2023 Share Posted September 21, 2023 Hi, Which text are you referring to? It looks fine here Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
k_jorn Posted September 21, 2023 Author Share Posted September 21, 2023 Hi @tuanphan this is what it looks like for me in the edit mode: There is text that is cut off above and below the footer section. Do you see that? Thanks in advance for your help!! Link to comment
tuanphan Posted September 22, 2023 Share Posted September 22, 2023 18 hours ago, k_jorn said: Hi @tuanphan this is what it looks like for me in the edit mode: There is text that is cut off above and below the footer section. Do you see that? Thanks in advance for your help!! I'm not sure, but if is fine on live mode, you try log out account and check. You try contacting SS Customer Care to ask this, I can't access edit mode to troubleshoot the problem. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
k_jorn Posted September 22, 2023 Author Share Posted September 22, 2023 @tuanphan if you go to my website on mobile, the text is still being cut off. It's not just in edit mode - this is how it displays on all mobile phones (i've tested different phones). On desktop, the footer is fine: You can see that on mobile, the top and bottom text is cut off. Link to comment
Solution tuanphan Posted September 25, 2023 Solution Share Posted September 25, 2023 This code causes problem because this code target First Section on Page Content + Footer You can change it to this to exclude footer section @media screen and (max-width: 767px) { .homepage article section:first-child { height:75vh !important; min-height: unset !important } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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