Jump to content

LGBTQ flag on mobile footer

Recommended Posts

  • Replies 1
  • Views 325
  • Created
  • Last Reply
12 hours ago, JPSanchez said:

Site URL: https://www.iahomesflorida.com/

Hello, I'm having a similar problem. Instead of a logo in the footer, I want to include an LGBTQ flag. It looks perfect on desktop but takes up the entire screen on mobile. Any assistance would be greatly appreciated! Site is IAHOMESFLORIDA.COM

 

try

@media only screen and (max-width: 768px) {
section[data-section-id="5f5804fbf2839e337d5a04fe"] .sqs-layout > .row:first-child > .col:first-child {
  display: flex;
}
section[data-section-id="5f5804fbf2839e337d5a04fe"] .sqs-layout > .row:first-child > .col:first-child #block-yui_3_17_2_1_1614629124702_6379 {
  width: 40% !important;
}
}

image.png.8ad842f986eb25e7bfd72c84c909e0de.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.