harlowbogie Posted May 4, 2022 Share Posted May 4, 2022 Site URL: https://www.nancykononelos.com Hi, In mobile, my website footer doesn't display properly. It doesn't stack with the content above it. The typography doesn't size down Can you help me fix this, please? Thanks! Link to comment
SQSPStarter Posted May 4, 2022 Share Posted May 4, 2022 (edited) Please go to design>custom CSS and paste the following code@media screen and (max-width: 764px) { #footer { position: relative !important; } }Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks! Edited May 4, 2022 by TheSquareSpacer Become a contributor to the largest resource for Squarespace and gain recognition from thousands of visitors.Join us on this exciting journey. Ping us here!. Link to comment
harlowbogie Posted May 5, 2022 Author Share Posted May 5, 2022 Thanks! That helped the stacking issues! I have 2 more things, please: I still have the typography issue, where in mobile view, the text doesn't size down like it does everywhere else. How do I make the footer container wider? If you look at the screen shot, the footer container is only 1/2 the width footer, but I'd like it to span the full width of the gray bg Thanks! Link to comment
tuanphan Posted May 8, 2022 Share Posted May 8, 2022 On 5/5/2022 at 9:13 AM, harlowbogie said: Thanks! That helped the stacking issues! I have 2 more things, please: I still have the typography issue, where in mobile view, the text doesn't size down like it does everywhere else. How do I make the footer container wider? If you look at the screen shot, the footer container is only 1/2 the width footer, but I'd like it to span the full width of the gray bg Thanks! Add to Design > Custom CSS @media screen and (max-width:640px) { footer#footer * { font-size: 14px !important; } div#block-yui_3_17_2_1_1606607131996_59385 p { white-space: nowrap !Important; } #footerBlock { width: 100% !important; }} 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
harlowbogie Posted May 9, 2022 Author Share Posted May 9, 2022 How can I edit/remove the social icon in the footer? Please and thanks! Link to comment
tuanphan Posted May 13, 2022 Share Posted May 13, 2022 On 5/9/2022 at 11:17 PM, harlowbogie said: How can I edit/remove the social icon in the footer? Please and thanks! I don't know this. But you can add this to Design > Custom CSS to hide it footer#footer div#socialLinks { display: none; } 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