Support » Themes and Templates » [Resolved] center menu to page

[Resolved] center menu to page

  • Hi guys, excellent theme. So far, I’m having a great time modifying it!

    I’d like to align the menu content from left (default) to center and was wondering how to do so. Nothing that I did (mostly text-align: center with and without other codes) seemed to make it work. What am I doing wrong?

    Thanks, Erez

Viewing 8 replies - 1 through 8 (of 8 total)
  • One option would be to define a width for the menu, and then use margins to centre it, eg:

    .menu ul {
     max-midth: 600px; // What the max width you want it be
    margin: 0 auto;

    you will then need to add the background color from .menu to .main-nav if you want the menu to look full width.

    Thanks, Brad! I’m afraid this doesn’t work though, quite simply, nothing happens…

    I should also add, that I brought the logo down to the menu, so now they’re on the same baseline. The logo should center with the rest of the menu, so it looks like this: http://erezhenya.com/random_files/wp_forum/menu.png

    P.S.- sorry I unable link to the page, I test it on my localhost…

    Oh right, sorry to miss-guide you there I was just going by the demo of the theme. I might have to get back to you on that one, will see if I can set up that theme on my local and recreate your menu/logo layout.

    Thanks, friend! let me know when you come across something 🙂

    I’m having a similar problem – on my home page the footer is centered but on subsequent pages it isn’t. When looking at the code with Chrome developer tools, I notice that the footer is outside the container versus the home page where the footer is inside the container.



    Forum Moderator

    As per the theme developer’s request, please post in the theme’s dedicated forum: http://cyberchimps.com/forum/free/responsive/

    Working solution for menu: (put into your child-theme’s stylesheet)

    @media screen and (min-width: 981px) {
        .menu {
        .menu li {
            margin-left: -5px;
        .menu li li {

    Working solution for footer: (same)

    copyright {
    text-align: right;
    .powered {
    text-align: left;


Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] center menu to page’ is closed to new replies.