Comments Jesse started the conversationDecember 11, 2015 at 7:40pmHi - Thanks again for your previous helpful replies. Having some trouble getting the CSS right for the logo. I want it to be big with little padding/margin and filling up the top. JPG attached. Please advise on CSS. Thanks,Jesse 1,973Support repliedDecember 14, 2015 at 1:15pmHi, Send us your site url plzthanksThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support PolicyJesse repliedDecember 15, 2015 at 7:07amwww.jesseshadoan.com/preview 1,973Support repliedDecember 16, 2015 at 12:32pmAdd#logo { margin: 0 0;}#logo img { height: 50px; padding: 0 0;}and replace the height with a higher valuein theme options -> styling options -> custom cssthanksThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy1 LikeJesse repliedJanuary 4, 2016 at 7:11amHi - thanks for that. Worked great on the desktop version. But I\'m having some problems with the responsive/mobile.. :1. Logo is getting blurry when resized.2. In some cases the logo is getting stretched vertically.3. The logo size is sometimes pushing the hamburger/menu icon down, messing up the design.Please advise on how to correct.Thanks. 1,973Support repliedJanuary 4, 2016 at 12:03pmYou can different styles for the logo in the theme options -> styling options -> custom cssfor media querieshttps://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queriesthanksThank you. Clapat Support https://www.clapat.com/ Review Envato Item Support Policy1 Like Sign in to reply ...
Hi - Thanks again for your previous helpful replies. Having some trouble getting the CSS right for the logo. I want it to be big with little padding/margin and filling up the top. JPG attached. Please advise on CSS.
Thanks,
Jesse
Hi, Send us your site url plz
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
www.jesseshadoan.com/preview
Add
#logo {
margin: 0 0;
}
#logo img {
height: 50px;
padding: 0 0;
}
and replace the height with a higher value
in theme options -> styling options -> custom css
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi - thanks for that. Worked great on the desktop version. But I\'m having some problems with the responsive/mobile.. :
1. Logo is getting blurry when resized.
2. In some cases the logo is getting stretched vertically.
3. The logo size is sometimes pushing the hamburger/menu icon down, messing up the design.
Please advise on how to correct.
Thanks.
You can different styles for the logo in the theme options -> styling options -> custom css
for media queries
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
thanks
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy