logo using classic header is very small, is there any way to enlarge?

alanglotz · May 2015

Hi, having a header issue.

I want the logo to be bigger in the Classic header layout. Even though the logo file I uploaded is very large Dimensions: 5875 × 2368, the logo that appears on the page is very small.

Is there a way I can enlarge this?

Albert · May 2015

Any url to page where you want bigger logo?

alanglotz · May 2015

Page is under construction. Here is screenshot:

http://snag.gy/5wKVE.jpg

Albert · May 2015

So let us know when website will be online because screenshot does not help at all.

alanglotz · May 2015

site is online: texasprivatewealth.com See how small the logo is? I have put it in at 900 x 326 size and still it is very small. Also I have put in retina logo at 2x size.

Thanks for your ideas.

Albert · May 2015

Yes, we see it. To increase logo size, please use below css:

#Top_bar #logo img { max-width: 300px !important; }
#Top_bar #logo { height: 100px !important; }

alanglotz · May 2015

Okay, now this fix has created another problem.

site is : texasprivatewealth.com

On mobile devices, the logo is now no longer responsive, and is "pinned" to the right side and will not center itself responsively.

How can we make the logo big, and also have it centered and responsive?

Thank you!

Albert · May 2015

You use too large max-width which is 600px and that's why logo is too big on mobile devices. To decrease logo size on mobile devices, you must play with css as below:

@media only screen and (max-width: 767px) {
    #Top_bar #logo img { max-width: 300px !important; }
}

alanglotz · May 2015

Thank you for your help, that worked!

Albert · June 2015

You're welcome

logo using classic header is very small, is there any way to enlarge?

Comments