Jump to content

Logo too small on footer in mobile view

Recommended Posts

  • Replies 7
  • Views 556
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

53 minutes ago, saumi said:

My logo is looking too small on footer in mobile view. Please help me.

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)
🗓️ 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

My testing result

image.png.98bc0c9ebf4db975c434fdaad3525cb1.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

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;
}
}

Link to comment
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?

image.png.7a6f5d34c02eb0f0c91922c3cc6fffd7.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
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)
🗓️ 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

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.