My responsive header logo becomes small

slabxhem

Please check my web www.jsbindonesia.com why the logo in the header becoming so small sized.. Not like in the desktop version. Is there any way to change it? Please help..

Albert

Hi,

please sort your website first because we tried to open your website several times and it keeps loading and we can't check the code.

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

slabxhem

already sorted out. I can open it easily.please try again.

Albert

Ok, now it works. So to increase logo size, please use below css:

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

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

slabxhem

yeah it was successfully changed but when we open the web from mobile phone there was a giant empty space beneath the logo. how to decrease it?

Albert

To decrease this space on mobile devices, you must use below css:

@media only screen and (max-width: 479px) { #Top_bar #logo { height: 30px !important; } }

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

slabxhem

ok it works! thx muffingroup:)

Albert

You're welcome

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