Sticky logo

Home Forums Toothy Theme Support Sticky logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #155618
    witt
    Participant
    • Topics: 1
    • Replies: 7
    • Total: 8
    Member since: November 1, 2017

    I used this code:
    .header {
    position:sticky !important; top:0px;
    z-index:10000;}
    but i need 2 changes. i would like to resize the logo, while it is sticky, and the other one is, that my logo is transparent.. how is it possible to forbid the text to float behind the logo while scrolling down?
    http://www.palmenapo.de/brueckenhofapp

    thanks in advance

    #155715
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .header { background:#fff !important;}

    Regards,
    Brad

    #155768
    witt
    Participant
    • Topics: 1
    • Replies: 7
    • Total: 8
    Member since: November 1, 2017

    Thats perfekt so far. But how can i resize the sticky Logo after scrolling. It need to be half size While i scroll down.
    Thanks a lot!

    #155825
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    Member since: August 16, 2013

    Hi,

    For this, we have to use jQuery. it is not possible from CSS.

    Regards,
    Brad

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