How to center my ul and keep it pinned to top

1

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

2

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

Like so

<div style="position: fixed;">
  <ul>...</ul>
</div>
3

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

4

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

5

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: https://codepen.io/cloudsociety/pen/yXwJPe