Wide logo shrunken and offset

[deejayhart]

Hi there – my logo on http://www.vanessamakeup.co.uk is a png that in Photoshop is 976×100. Clearly, this is shrunken and I have set max logo height to 100 and also tried this in CSS –

.full-center #logo {
min-width: 976;
}

In addition, it is also offsetting as it is pushinthe logo up (it is not in line with the overlay icon)

Please tell me how to fix it – thanks!

Dan

[Kyle – SUPPORT]

Hi

That logo is too big, you need to scale it down to around 370px wide

– Kyle

[deejayhart]

Hmm, but I really wanted it to be 100% size at 976. Surely there is a way to do this in CSS? See if you can have a think because there must be a way; for the minimal overlay menu navigation I think it is an important feature to have. Thanks very much.

[Kyle – SUPPORT]

Try adding this to your custom css:

.col-sm-4.logo-left.has-img {
  width: 90%;
}
.header-right.col-sm-8 {
  width: 10%;
}

– Kyle

[deejayhart]

Totally perfect! Homepage looks lovely, eh?

Thanks.

[Kyle – SUPPORT]

No problem 🙂 Yeah great