Jump to content

Logo wall - logos are too big in mobile. Same happened with footer when i tryed

Recommended Posts

  • Replies 28
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

On 1/25/2021 at 3:49 AM, anarmcamilo said:

Hi, 

At the "parceiros" page. 

Thanks,

Incorrect password

On 1/30/2021 at 5:33 PM, pa_whitecar said:

I have the same problem... on desktop it looks great but, on mobile my footer logo is way too big...

password : steven2020

circle-parrot-gy7c.squarespace.com

 

I don't see logos on above link?

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
On 2/1/2021 at 12:41 AM, Erlend-fs said:

Add to Design > Custom CSS

/* resize mobile logos */
@media screen and (max-width:767px) {
div#page-section-60140b804668dc1143ef6567 .span-1 .image-block {
    width: 30%;
    margin: 0 auto;
}
}

 

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
15 hours ago, pa_whitecar said:

the logo on the bottom.... 

Screen Shot 2021-02-06 at 4.59.16 PM.png

Screen Shot 2021-02-06 at 4.59.23 PM.png

Add to Design > Custom CSS

/* resize footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1612049855587_38621 {
    width: 50%;
    margin: 0 auto;
}
}

 

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
3 minutes ago, LizTheSushiLover said:

Can anyone help me? Experiencing the same problem. I have 3 logos in my footer and they all look huge on mobile. Also, any way to made the middle one the same size as the other two? I had a hard time centering them with the spacers and getting them to be the same size.

https://oval-cuboid-rbwe.squarespace.com/

PW: Amythyst2021

@tuanphan help plz ^

Link to comment
On 2/12/2021 at 9:33 PM, LizTheSushiLover said:

@tuanphan help plz ^

Add to Design > Custom CSS

/*resize footer logos mobile */
@media screen and (max-width:767px) {
div#page-section-60254a94f1ad5f4774b07628 .span-12>.row:nth-child(3) .col:nth-child(n+2) {
    width: 33.33% !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
  • 1 month later...
On 4/4/2021 at 12:29 PM, pa_whitecar said:

as well, is it possible to reduce the space between the headers and the body text?

 

Add to Design > custom CSS

/* resize mobile footer logo */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1617504235100_6718 {
    width: 50%;
    margin: 0 auto;
}
}

You mean space on mobile?

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
On 4/6/2021 at 7:46 AM, pa_whitecar said:

@tuanphan I mean thew space when you write and you skip a line... I don't know if it makes sense.

When you do this:

Hi

Hello

Hi. Can you take a screenshot space? We can help easier

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
  • 1 month later...

I tried to use the same code that you sent last time to resize the logo on mobile but, it doesn't work...

site: https://asparagus-wombat-zrzl.squarespace.com

code: circus

As well, on my mobile there is a big white block at the end... I don't know how to remove it...

 

 

Link to comment
On 5/27/2021 at 4:43 AM, pa_whitecar said:

I tried to use the same code that you sent last time to resize the logo on mobile but, it doesn't work...

site: https://asparagus-wombat-zrzl.squarespace.com

code: circus

As well, on my mobile there is a big white block at the end... I don't know how to remove it...

 

 

Add to Design > Custom CSS

/* Mobile-Footer-Logo size */
@media screen and (max-width:767px) {
footer.sections .image-block {
    width: 50%;
    margin: 0 auto;
}
}

White block. Can you take a screenshot?

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
  • 2 weeks later...
  • 2 months later...
On 8/27/2021 at 4:47 PM, jtspidercool said:

I also have this problem with mobile footer logo and have tried the code from @tuanphan multiple times and it just doesn't work for me. Anyone have any success with this?

Hi,

What is your site url?

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
  • 3 weeks later...

Hi, sorry, forgot to get back to you. I have fixed this using some code you put on another thread. My mobile logo is now great, but the space at the bottom is HUGE. I tried to adjust the padding, but it made no difference. 

This is the code I used:

@media screen and (max-width:640px) {
div #block-yui_3_17_2_1_1629998662263_30945 img {
    width: 30% !important;
    height: auto !important;
    transform: translateX(-50%);
    left: 50% !important;
}
div #block-yui_3_17_2_1_1629998662263_30945.image-block-wrapper {
    padding-bottom: 50% !important;
}

}

Thanks for your help - you are awesome!

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.