Sticky State Shrink
-
Hi
How do I adjust the menu for sticky state shrink?
Thank you
-
Hello @mushlih,
Please take a look at this video – https://d.pr/v/4WzLwwHope this helps 🙂
All right, thank you very much, it worked
Now, how I make the header background turn blue (and slightly transparent) when the user scrolls through the page?@mushlih simply change the sticky state background color of this row 😉
Hi
Thanks, it did change the background
However, how I make it transparent like this?
My header now: https://prnt.sc/114wi7i
The header I want: https://prnt.sc/114whsm
Thank you@mushlih You can enable the “Transparent Functionality” for your header by going into the Customiser -> Header -> Headers -> *your header name* -> Transparent Functionality.
Please note that enabling this option will shift your content a bit towards the top. It is expected behaviour because the transparent header assumes you have a nice image behind the header. 🙂
Hope this helps.
Thanks
Yes, I know that.
But that only makes the header transparent while it’s not sticky.
If I set the header to sticky, then I scroll the page, so that the header color changes and is no longer transparentHey @mushlih,
You could make the row background color when it is in the sticky state to have a transparent background color, please see this video – https://d.pr/v/bVNWYKHope this helps 🙂
Ok, thank you very much
You’re welcome @mushlih 😉
Hello,
I’ve watched the video, but when I click in the Global Header “Headers” tab, and then on the field “Global Header” it doesn’t open a new panel with the sticky features as in the video…
Is the sticky menu a Pro feature ?
Thank you for any help.Sorry, I just found the solution in another post and installed and activated the Blocksy Companion plugin for sticky and transparent header.
- The topic ‘Sticky State Shrink’ is closed to new replies.