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: