Logo with fixed position, but relative to the container
Hello guys! As you can see in the video a part of the logo should be “fixed” and moving through the whole website. How should i make this? If i use “position: sticky” it just stays in it’s section, if i use “position: fixed” it overflows the container stylings and it wont shrink together with the original logo when the screen size is changing. Any help would be life changing 🙏🏼 Thanks, Andrew
2 Replies
Out off the bat, think of two logo images, each with some letters erased ans both having the same left: position. The bottom one fixed, the top one perhaps sticky (depends on how the header is constructed - I prefer the header always visible, narrower when page is scrolled).
Yet, do not let design supress UX. To me this seeems over the top. Animate (put forth) some "construct" stuff instead of the logo.
@Andrew Havalda I believe fixed or sticky are the possible ways to go.
The next issue will be fixing the derived bugs from using either method