How to align the menu to center

  • Novarac

    (@novarac)


    10 years, 6 months ago

    Hello there,
    I have a problem with Epic theme ( free version ) I want to put my menu that is aligned to the right , I want it to be aligned at center, in which part of css.style should I change the code ? I know it is somewhere in primary navigation tried it already but it wont work.

    Would be awesome if someone could help out!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Siobhan

    (@siobhyb)

    10 years, 6 months ago

    Hey. You shouldn’t make any changes directly to your theme’s CSS file as this will cause you to lose your changes when updating the theme in the future. Instead you should either create a child theme or install a custom CSS plugin.

    In your child theme’s style.css file or your custom CSS plugin’s editor, add the following snippet in order to center your menu:

    .primary-nav {
text-align: center;
}

.primary-nav ul {
display: inline-block;
}

    Hope that helps. 🙂

    Theme Author Slocum Themes

    (@slocumstudio)

    10 years, 6 months ago

    Hi Novarac,

    Please try adding the following in a Child Theme:

    .primary-nav-container {
     text-align: center;
}

nav .primary-nav {
     width: auto;
}

    @siobhan Thanks for responding. You are absolutely correct about child themes. Unfortunately, we tested your code and were not able to center the navigation.

    Thank You

    Theme Author Slocum Themes

    (@slocumstudio)

    10 years, 5 months ago

    Hi Novarac,

    Just wondering if you had any luck with the above code snippets?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to align the menu to center’ is closed to new replies.