hey guys!
i have a problem with the subnavigation on the middle right of the website i am working on. it is positioned as fixed and works like it should in 90% of the cases. but with some combinations of browser and operating system (chrome 48.0.2564.97 M and windows 8.1 for example) the navigation is being positioned absolute over the whole page and moves when scrolling. is anyone of you aware of these problems? and is there a workaround to fix this?
thank you!
jaro
here is my public share link: link
here is the site: link
no, thats how i want it. the side navigation bar should only appear when scrolling down. even after deleting all my interactions the problem remains. it moves when scrolling and doesn’t stay fixed. please try it in chrome.
Hey @buntestrahlen lovely site, I love it! I was taking a look and it looks like the side navigation wrapper didn’t have a width. Maybe try adding a width to this component and then republish the site?
If this doesn’t resolve the issue maybe try duplicating & re-publishing the site and see if the issue is still persisting on the duplicated version of the site. Hope this helps!
i tried both (adding a width and duplicating the site). still nothing. in chrome the navbar moves as if it was positioned absolute not fixed. which is strange because in the designer preview window it moves as it should. and on the published site it does not. even when i remove all my custom code.
why can’t i just remove the wrapper and position the navbar itself as fixed? i thought that is how fixed elements work. aren’t they positioned over the viewport? as @samliew told me they are not. they are positioned over the whole page. why is that so in different browsers? am i missundersanding css here?
but isn’t that how absolute positioning works? i thought fixed positioning was made to exactly achieve what i wanted. it does not refer to the parent size but to the window height. maybe i am wrong. if so, please correct me!