Jump to content

Footer Logo too large on mobile site

Recommended Posts

4 hours ago, michaelpga said:

Site URL: https://www.bloomhomes.com.au

hello,

My footer logo is too appearing much too large on my mobile site.
I tried to use some code from previous posts but they haven't worked.

I'm using version 7.1. See screenshot attached.

 

Thank you!

Screen Shot 2021-10-09 at 3.12.36 pm.png

I can access your site. Can you check it again?

image.thumb.png.4c44df7f85a95c8f2271ea2a2ae64d11.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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
1 hour ago, michaelpga said:

Thank you @tuanphan, we resolved the issue :).

Would you be able to help me with the code for the mobile footer logo size of this site please:

www.abodestudio.com.au

Thank you

Try the Custom Css

@media only screen and (max-width: 767px) {
  footer .sqs-image-shape-container-element {
    padding-bottom: 40% !important;
  }

  footer .sqs-image-shape-container-element img {
    max-width: 30% !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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

My result

image.png.9e44e2d23cbc54cec146dac8da4457a5.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.