Tagged: logo size
-
AuthorPosts
-
November 29, 2014 at 11:27 pm #360154
Hi,
First of all, Great Theme! well done :)
About the Logo issue.
I have a transparent header set with Layer-Slider working behind it.“Max-Height” is predefined somewhere at 88px!! (drives me crazzy :)
And because logo size is set on auto-resize for the responsive starting from 88px I guess it’s doing so according to some function somewhere. JS? or something else? where can I find those size-setting for the logo-size please?My logo size is 160px. So I just need to adjust standard 88px size limits somewhere.
I’ve tried some methods from other topics regarding this, but container-class resize is multi-property, => works also for some other elements. So can’t change that or it will screw-up the layout of other things (widgets).
according to this suggestion =>https://kriesi.at/support/topic/changing-the-logo-size-in-enfold/Re-defining logo size in quick css, makes the logo size fixed and no longer resizing on responsive ( + responsive header height is not working) according to this suggestion => https://kriesi.at/support/topic/change-logo-size-and-space-available-for-it
Thanks in advance! :)
Update: so after some digging I’ve found if you add !important; to
.logo img{
max-height: 100% !important;}Note: need to put in layout.css // not quick css (doesn’t work for some reason:s)
AND specify .inner-container { max-height: 160px !important; height: 160px; } .logo a { max-height: 160px !important; }
LOGO is resized!!. But responsive function is lost.
If you just could help me out with it, would me much appreciated!! Thanks!!- This topic was modified 9 years, 11 months ago by avrisar.
November 29, 2014 at 11:32 pm #360156You can set the size of your logo under theme options, HEADER/ CUSTOM HEADER HEIGHT and check the setting for behavior if you don’t want it to resize when you scroll.
November 30, 2014 at 12:08 am #360165NICE!! :))
Thanks a lot!
So to sum-up:
Change HEADER/ CUSTOM HEADER HEIGHT in theme options.
and add/ adjust max-height:
.logo img{
max-height: 100% !important;}
.logo a { max-height: 160px !important; }Works just fine! :)
December 1, 2014 at 1:55 am #360515 -
AuthorPosts
- The topic ‘Logo Size : max-size doesn't allow any changes’ is closed to new replies.