paisitamono Posted October 7, 2021 Share Posted October 7, 2021 Site URL: https://www.restaurantsonmission.org/rebrand I have two logos that on a computer display side by side. When on mobile, however, they are displayed one above the other. It is in the #divisions section. Can someone help me with the correct css code? Thank you Link to comment
Beyondspace Posted October 7, 2021 Share Posted October 7, 2021 1 hour ago, paisitamono said: Site URL: https://www.restaurantsonmission.org/rebrand I have two logos that on a computer display side by side. When on mobile, however, they are displayed one above the other. It is in the #divisions section. Can someone help me with the correct css code? Thank you This one right BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted October 9, 2021 Share Posted October 9, 2021 On 10/7/2021 at 9:25 AM, paisitamono said: Site URL: https://www.restaurantsonmission.org/rebrand I have two logos that on a computer display side by side. When on mobile, however, they are displayed one above the other. It is in the #divisions section. Can someone help me with the correct css code? Thank you Add to Design > Custom CSS /* Mobile division logos */ @media screen and (max-width:640px) { section#divisions .span-9 .span-2 { width: 50% !important; float: left !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
Archived
This topic is now archived and is closed to further replies.