Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 10 years ago by avrisar.
    #360156

    You 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.

    #360165

    NICE!! :))
    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! :)

    #360515

    Hey!

    Thank you for using Enfold.


    @elames
    : Thanks for helping out!


    @avrisar
    : Glad it worked. :)

    Cheers!
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo Size : max-size doesn't allow any changes’ is closed to new replies.