WordPress.org

Support

Support » Themes and Templates » [Resolved] Menu Items – struggling to centre

[Resolved] Menu Items – struggling to centre

  • Hi Guys,

    I currently have the “Suits” theme and my website is under construction on MySite

    I have been searching these forums and added the following code which initially worked to centre my menu items, but after amending my Site main header, it has reverted to going back to off centre;

    ul.nav-menu, div.nav-menu > ul {
    text-align: center;
    }
    .nav-menu li {
    display: inline-block;
    float: none;
    }

    What am I doing wrong?

Viewing 11 replies - 1 through 11 (of 11 total)
  • You can try something like:

    .main-navigation {
        padding-left: 25%;
    }

    Thanks for the reply, but that didn’t work.

    Actually, I have just cut it out, saved it and pasted it somewhere else on the css file and it has worked again! Cool!

    Ok, now you are here, you wouldn’t know how to move the menu bar up a tad?

    Do you mean to move the menu bar up?
    You can try adding this to your child style.css:

    .site-title {
        padding:0px;
    }
    
    .site-header .home-link {
        min-height: 10px;
    }

    Sorry can I say, what is a child style.css?

    I am currently using a plugin called Simple Custom CSS

    You can also you Simple Custom CSS instead of a child style.css.
    But to answer your question, child theme is http://codex.wordpress.org/Child_Themes

    Oh ok, thanks for that, I can see that the plugin does the job in that case.

    Any reason why the code you suggested didn’t make any difference?

    Andrew Nevins
    Forum moderator

    @anevins

    Your code should work:

    ul.nav-menu, div.nav-menu > ul {
    text-align: center;
    }
    .nav-menu li {
    display: inline-block;
    float: none;
    }

    But we can’t see your website, so there’s no way to diagnose what’s wrong

    Not sure why my link has gone, it was there. I have the centre issue sorted now for the menu, I am trying to move my menu bar a tad up closer to my header title.

    https://moreno5.mine.nu:8081/wordpress/

    Also, can we remove the comment box at the bottom of my pages?

    Andrew Nevins
    Forum moderator

    @anevins

    Could you create a new thread for that? http://wordpress.org/support/theme/suits#postform

    Ok will do. Any idea on moving the menu bar up?

    krmiedema
    Member

    @krmiedema

    Moreno5, I’m having the same problem. I was wondering if you could share your solution? Currently I have the menu bar centered, but the sub-menus aren’t working properly now. I’m a complete CSS n00b, fyi.
    Website: kassiemiedema.ca

    ul.nav-menu, div.nav-menu > ul {
    margin: 0;
    text-align: center;
    }

    .nav-menu li {
    display: inline-block;
    text-align: left;
    float: none;
    }

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Menu Items – struggling to centre’ is closed to new replies.