The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] Center menu items
Hello, how to center all menu items? At the moment they seem to be left aligned. Please take a look: http://royal-camp.pl/ Even in the original theme they don’t look very well http://ketchupthemes.com/themes-demo/?theme=GreekRestaurant Thanks!
Remove the floats
#kt-navigation li { display: inline; font-size: 12px; margin: 0; padding: 0; /* float: left; */ /* remove the float */ position: relative; padding: 0 30px 0 30px; border-right: 1px solid #ffffff; }
then set the menu to align the contents to the center
#kt-navigation { list-style: none; margin: 0px auto; position: relative; text-align: center; /* this */ }
Life is beautiful now :) Thank you!