Sticky logo

[witt]

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

[Forum Moderator]

Hi,

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

Add this code there:

.header { background:#fff !important;}

Regards,
Brad

[witt]

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!

[Forum Moderator]

Hi,

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

Regards,
Brad

[Author]

Posts