Logo img responsive

**GK User** Tue Feb 17, 2015 11:51 am

Good Morning
I put the logo as a picture, I would put the logo bigger and that is responsive to the cell, can you help me?
sorry for my english

**GK User** Tue Feb 17, 2015 1:58 pm

Hi,
we can try... but we need URL

**GK User** Tue Feb 17, 2015 3:13 pm

sorry
this is the url:
http://www.codefactory.it/padihouse/

**GK User** Tue Feb 17, 2015 7:34 pm

BTW your current logo image have 3 508px × 3 508px - madness.
maybe use smaller image - final dimension -- sorry but this is basic bug of all beginners.

Your current settings is

.gk-logo img {
max-height: 110px;
}

and if you will change to 140px logo will be bigger.

**GK User** Wed Feb 18, 2015 11:34 am

you are right it is madness!, now I have replaced the logo and I set to 150px, but my problem is that on the smartphone is too big, you can make it responsive or use a logo smallest only for mobile?

**GK User** Wed Feb 18, 2015 12:29 pm

Hard way... as you might seen GK templates don't have such a option yet

but others framework have it.
So it request some extra job/css lines:

Code: Select all: @media only screen and (max-width: 440px) { .gk-logo img { max-height: 100px !important;} }

if 100x100px is too big use , 80px or 60px

**GK User** Wed Feb 18, 2015 1:12 pm

thank you! now it seems to work!

**GK User** Wed Feb 18, 2015 3:57 pm

440px is common max screen size for all phones , include Galaxy and too big iphone, hehe.