Center main (top) navigation

  • Title pretty much says it.

    I am making a simple page for a little bookstore, and want to center the horizontal main navigation, but can’t seem to do it. I’ve tried to look at the CSS. I am using styles to costumize the theme.

    The site is https://kaelderantikvariatet.dk/

Viewing 4 replies - 1 through 4 (of 4 total)

  • Modify the below css code in style.css to as shown below:

    ul.nav-menu, div.nav-menu > ul {
  margin: 0;
  padding: 0 40px 0 0;
  text-align: center;
}
    • This reply was modified 8 years, 4 months ago by Atul.
    Thread Starter jakobhorn

    (@jakobhorn)

    Thanks a million. That did the trick.

    You want to be careful about making changes to your theme’s files (like style.css). The next time you update the theme (because of bug fixes, security patches, feature enhancements, changes to the WordPress core), then your changes will be lost. The suggested way to make changes is to create a child theme and make changes to the child theme’s style.css file, or use a Custom CSS plugin. Since you are just making CSS changes, a Custom CSS plugin is easier to manage than a child theme.

    Thread Starter jakobhorn

    (@jakobhorn)

    Thanks. Makes sense. I’ll go for the Costum CSS.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center main (top) navigation’ is closed to new replies.