More logo room reqd

[Frank]

It seems that the default CSS restricts the company logo size to 210 x 55 px.
My customers logo is wide but not very tall so it get quite small at 210 wide.
How can I override the CSS so I can use a logo file that might be 400 wide x 60-70 px high?

[Forum Moderator]

Hi Frank,

Kindly show us your website URL.

Regards,
Brad

[Frank]

Our development URL is http://108.179.226.195/~gtigolf/

I have a “dummy” logo is place now that is 70px high but only 210px wide.

How can I override the CSS so I can use a logo file that might be up to 400 wide?

[Forum Moderator]

Hi Frank,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code if you want 400px wide logo:

.show-bg .logo{width:400px !important;}

Regards,
Dave

[Frank]

Thanks for this bit of CSS.

I have added it to the site as you suggested and I can now display a 400px wide logo.

However, now that I have added the code, there is a large amount of space added below the logo that looks odd – http://108.179.226.195/~gtigolf/

In the original set-up the menu was vertically centered on the logo.

What has to happen so the menu will be vertically centered on the new, wider logo?

Thanks,
Kent

[Forum Moderator]

Hi Frank,

Kindly add this code in custom css box:

.show-bg nav{width:545px !important;}

Regards,
Dave

[Frank]

Fantastic!
You have created a great theme!
Thanks for all your help.
Kent

[Forum Moderator]

You are most welcome Frank 🙂

Regards,
Dave

[Author]

Posts