How to center menu?


#1

hi i have been trying to center the menu in areview theme and i havent been able yet, could you give me a hand please? thanks


#2

Hi,

you can try to use the following css code to centering your menu:

#site-navigation .container {
    width: 20%;
}

Please to adjust the width value from the code above until your menu go to center. And you can use simple custom css plugin to add the css code above


#3

thanks for the reply, but it doesnt work for different screen sizes


#4

Hi…

did you try it in tablet device? please change the code above with this one:

@media screen and (min-width: 1024px){
  #site-navigation .container {
    width: 30%;
  }
}