Logo Size

[codedbydesign]

I cannot increase the logo size past the 270px every one else having issues with. I have spent way too much time looking through this form to find not a single person has been given an answer to this question.

You say it works fine on your end but all of us seem to struggle with this issue.

I have a logo that is 800px wide. Please tell me the CSS hack to force the logo to extend to that distance….

Please don’t tell me to re-install your theme as not only have I re-installed it, I have created an entirely new sub domain to test it to make sure it was not an error. I have looked at many website’s that use flexform in the one post. Not a single logo extends past the 270px….

How can this be accomplished? We would all like to know, please.

Cheers,

Taylor.

If you are curious to what I am talking about the demo website can be found here…

demo5.codedbydesign.com

[Cosmin – SUPPORT]

Hi Taylor,

I see you’ve already got custom CSS in there for all the logos.

For everyone else, something like this works:

#logo img {
    width: 400px;
}

Note that you would also need to add responsive sizes with @media queries – right now, you have a desktop sized logo showing for all devices.

Something like:

@media screen and (max-width: 768px) {
#logo img {
    width: 300px; /*adjust as necessary*/
}
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[mviens]

I have just purchased/installed Flexform and am dealing with the same Logo Size issue.

There is a “Logo Width” setting in Theme Options / Header Options but for some reason this doesn’t appear to take precedence in the css.

Looking at the code, I see:
<div id="logo" class="span3 clearfix">
and span3 is defined in bootstrap-responsive.min.css:

.span3 {
    width: 270px;
}

It looks like this setting is overwriting a previous setting bootstrap.min.css which indicates width: 220px.

I setup a Child theme and added your suggested code to test:

#logo img {
    width: 400px;
}

but that had no affect.

I tried adjusting the .span3 in the Child Theme but that disrupts the layout.

Is there a better way to resolve this issue?

Thank you,

[Melanie – SUPPORT]

can you show us your website?
Can you try width: 400px!important; please?

[jayhowes]

This still not resolved?

[Kyle – SUPPORT]

What is your issue @jayhowes?

– Kyle