Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

Header shrink on scroll, control size

New Front EN Support Forums Kanso Theme Support Header shrink on scroll, control size

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #3572
    thoughton
    Participant

    Hi Andrii,

    When I scroll the header logo shrinks. How can I control how much it shrinks by? I’d like it to shrink exactly 50% (from 200px to 100px), to avoid bluriness.

    If possible could you please just tell me what the CSS should be, and not a downloadable file.

    Also is it possible to change the transition for the shrunk logo? Currently it expands from the bottom left corner. I’d rather have a different transition, or no transition at all.

    Cheers,

    Tim

    #3584
    mmsatori
    Keymaster

    Hey Tim,

    the height of the contracted logo on mouse scroll is determined by the “max-height” declaration for the “.small-logo” CSS class (the theme’s main “style.css”, line 258); you can set its value to any required height. The same class has declarations that govern the transition of the logo from its normal size to the contracted size – you can change them or delete them altogether to control how the logo switches its states.

    Sincerely,
    Andrii / Satori Studio

    #3597
    thoughton
    Participant

    Thanks Andrii!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.