I activated in a new website sticky header and uploaded a special logo for the sticky header. But in fact, die special logo is always show, even when entering the page. The normal behaviour should be: "normal" logo when entering the page and scolling to top, "special" (sticky) logo when scrolling down. What am I doing wrong or is this a problem in the framework/template?
Alexandra
Yes, possible & easy. Use following custom CSS
#sp-header.header-sticky,
#sp-header.header-sticky .logo {height: 100px;}
#sp-header.header-sticky #offcanvas-toggler {height: 100px;line-height: 100px;}EXTRA tip
Edit your home page, first Row/Section (SPPB), reduce top-padding value from 50px to 0px.
Perfect, thanks a lot!
Hi,
Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue?
-Regards.
Strange enough: after several resets, cache clearing and working over it finally works as it should…
Another problem/question with sticky header: Is there a possibility, to reduce the height of the header when scrolling? Since my logo for sticky header is smaller, I would like to adjust the height of the header as well. Actually, I set the height of the header to 180 px – and it remains like this when scrolling. When I don't set a special height, the header gets smaller when scrolling, but it is to narrow for my logo. Is there any solution?
https://wohnbaustiftung-russen.ch Hi,
Glad to know that your issue is fixed. You can now close this post by accepting the answer.