Logo size issues

jdiazyo

Use BE on firstdatekit.co and the logo is mega slow. How can I increase the size?

jdiazyo

correction...I use* BE and the logo is SMALL when you use sticky header. It's just toooooo small. How can I correct?

Albert

Hi,

to increase logo size, you need to use extra css:

#Top_bar #logo { height: 180px !important; }

Looks like you got above css under Custom CSS section, but with smaller value.

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

jdiazyo

Sorry for the confusion. I was referring to the sticky header when you scroll down the page. It reduces it to super tiny

Albert

For sticky header, you need to use:

#Top_bar.is-sticky #logo img { max-height: 90px !important; }

or if this won't work as you need, under Theme options > Global > Logo section, you can upload different sticky header logo.

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

jdiazyo

It worked! But I noticed the header background does not cover the entire logo. Meaning the bar that is a part of the sticky header.

Albert

Yes, we know and that's why if you don't like how it looks like, we suggest to upload different logo for sticky header. That would be much better option in your case.

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