Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
jimjimmy

Logo in Footer Too Large on Mobile

Question

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

Hello! I have placed a logo in my footer and it looks fine on desktop but is HUGE on mobile. It takes up the entire mobile screen. Any ideas on how I can fix this?

website is

jimisaband.com

The template I used it Kitui, a 7.1 template

Edited by jimjimmy

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS. Adjust logo size with width: 30%

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

}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post
  • 0
On 3/18/2020 at 2:50 AM, coindisplays said:

Hi @tuanphan,

I added the code you suggested for my site, coindisplays.com however it did not adjust the logo size on the mobile version.  Please assist.

Each block has different ID. Above code won't work on your site.

This code for your site

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

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post
  • 0
5 hours ago, coolj said:

Hi @tuanphan 

I am having the same issue.

I'm also having trouble finding the correct block ID for the image in my footer - when I use the code you have provided with what I think is the correct block ID it won't work 😞 

Site details are: https://papaya-sawfish-mjb5.squarespace.com/   Password: Sloweddys1

Thank you, I appreciate it!

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

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...