saumi Posted November 27, 2021 Posted November 27, 2021 My logo is looking too small on footer in mobile view. Please help me. http://theupproject.io/ password: qwerty
Beyondspace Posted November 27, 2021 Posted November 27, 2021 53 minutes ago, saumi said: My logo is looking too small on footer in mobile view. Please help me. http://theupproject.io/ password: qwerty Hi @saumi, You can try adding to Home > Design > Custom Css @media only screen and (max-width: 767px) { div #block-yui_3_17_2_1_1633957489312_97036 img { width: 100% !important; } } Let me know how it works on yours site Press 👍 or mark this answer as solution to help another one too BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
Beyondspace Posted November 27, 2021 Posted November 27, 2021 My testing result BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
saumi Posted November 27, 2021 Author Posted November 27, 2021 Hi, Thanks for the help, I changed the logo as it was blurry so the size problem is fixed by my alignment is having a problem now. Navigate and services are not is same row and logo is also not in the center. Can you help, please? I am using this code: @media screen and (max-width:767px) { div#page-section-6141fd3432db866317e42f51 .span-10 .span-2:nth-child(n+3) { width: 50% !important; float: left !important; } }
Beyondspace Posted November 27, 2021 Posted November 27, 2021 1 hour ago, saumi said: Hi, Thanks for the help, I changed the logo as it was blurry so the size problem is fixed by my alignment is having a problem now. Navigate and services are not is same row and logo is also not in the center. Can you help, please? I am using this code: @media screen and (max-width:767px) { div#page-section-6141fd3432db866317e42f51 .span-10 .span-2:nth-child(n+3) { width: 50% !important; float: left !important; } } I've checked that they are fine at the moment. Have you solved it yet? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
saumi Posted November 27, 2021 Author Posted November 27, 2021 Logo is still in the center, it has to be on the left. I tried, but couldn't find a code for logo. Do you have any suggestion?
Beyondspace Posted November 27, 2021 Posted November 27, 2021 11 minutes ago, saumi said: Logo is still in the center, it has to be on the left. I tried, but couldn't find a code for logo. Do you have any suggestion? For logo on the left, you can try @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1638016236796_11232 .design-layout-inline .intrinsic { margin: 0; } } Hope it can help you BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> No-code customisations for Squarespace
Recommended Posts
Archived
This topic is now archived and is closed to further replies.