Logo width and height too small, impossible to change

[artshowapplepie]

Hi Swift team,

I’m working on 2 websites at the moment and both have a rectangle logo and somehow i can’t enlarge the logo, if i set the logo height any larger than 120 it changes it’s position to halfway the page so that isn’t an option either.

See websites here: wwww.weteringbodemtechniek.nl

I searched the forum for solutions but all resolved entries don’t work for me.
I tried adding : .full-center #logo {max-width: 40%;} etc. but no change

[David Martin – Support]

Hi,

The logo is always restricted to it’s container element which will vary depending on the header option you have set.

In your case the logo is the maximum width of it’s container.

[artshowapplepie]

Hi David!

Thanks for your quick response. Is there a way to enlarge the container? I tried with some simple css coding but it doesn’t seem to change anything. if it only could be half a size bigger it would be perfect 😉

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.full-center #logo {
  max-width: 45%;
}

– Kyle

[artshowapplepie]

Hi Kyle

I tried that before also with the !important mention but that doesn’t seem to change anything..

[Kyle – SUPPORT]

Should work fine, please add it to Theme Options > Custom CSS so I can check

– Kyle

[artshowapplepie]

This reply has been marked as private.

[Kyle – SUPPORT]

That logo has a lot of blank space above and below as part of the actual image, and you have set the max height to 120px, that’s why the width is not increasing. See: http://d.pr/i/Gvtb/2CAyGuNv

– Kyle

[artshowapplepie]

Sorry that was dumb! I did that because i thought the images had to be in a square.
So i changed the logo and added the custom css but now the logo is floating somewhere in the middle of the slider, am i missing something?

see wingservice.nl

[David Martin – Support]

Looks like you have now done this:

For the other site http://wingservice.nl/:

Use :

.col-sm-4.logo-left.has-img {
    width: 45%;
}