Center Align Full Width Top Menu

Developers Frontend
1

Hi

I'm trying to align my category menu to the center of the page but i can't seem to find a CSS combination that will work.

I've tried this with no luck. 

.ty-menu__items{
display: inline-block;
width:100%;
margin: 0 auto;
}

with this the menu aligns left, the margin: 0 auto; tag isn't adding any margin to the left or right.

Could someone suggest the correct CSS?

thanks

Jamie

2

Found the solution.

For those that are interested:

position: relative;
  left: 50%;
  transform: translateX(-50%);

3

i could not make the solution working.. can u please give some instructions on the same??