How to center my ul and keep it pinned to top


i can get my ul centered but if i use position:fixed it only shows the first item in the list any suggestions i want it to be always shown as i scroll down my page


What if you wrap it in a container and give it a position: fixed;?

Like so

<div style="position: fixed;">


that just pins it back to the left of the screen instead of the center for some reason


i just dont get why the fixing the position overrides the centering of it


Without seeing what you’ve done, it’s hard to comment. Always try to post a code sample or codepen.

Here’s something that seems to work: