Jump to content

LGBTQ flag on mobile footer

Recommended Posts

  • Replies 1
  • Views 460
  • Created
  • Last Reply
Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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.