Sticky Header: Logo Size
G
graustufen
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
6 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerYes, 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.
Mehtaz Afsana Borsha
Accepted AnswerHi,
Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue?
-Regards.
G
graustufen
Accepted AnswerStrange enough: after several resets, cache clearing and working over it finally works as it should…
G
graustufen
Accepted AnswerAnother 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?
wohnbaustiftung-russen.ch