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

alanglotz

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

Any url to page where you want bigger logo?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alanglotz

Page is under construction. Here is screenshot: 

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

Albert

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alanglotz

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alanglotz

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

alanglotz

Thank you for your help, that worked! 

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next