Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Center Align Full Width Top Menu Rate Topic   - - - - -

 
  • Jmoffat
  • Member
  • Members
  • Join Date: 15-Oct 12
  • 39 posts

Posted 23 June 2016 - 09:33 AM #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

 

 



 
  • Jmoffat
  • Member
  • Members
  • Join Date: 15-Oct 12
  • 39 posts

Posted 23 June 2016 - 01:22 PM #2

Found the solution. 

 

For those that are interested:

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

 



 
  • nonu_don
  • Junior Member
  • Members
  • Join Date: 14-May 11
  • 83 posts

Posted 23 November 2016 - 10:40 AM #3

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