WordPress.org

Ready to get started?Download WordPress

Forums

Suits
[resolved] Menu Items - struggling to centre (11 posts)

  1. Moreno5
    Member
    Posted 6 months ago #

    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?

  2. kaniamea
    Member
    Posted 6 months ago #

    You can try something like:

    .main-navigation {
        padding-left: 25%;
    }
  3. Moreno5
    Member
    Posted 6 months ago #

    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?

  4. kaniamea
    Member
    Posted 6 months ago #

    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;
    }
  5. Moreno5
    Member
    Posted 6 months ago #

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

    I am currently using a plugin called Simple Custom CSS

  6. kaniamea
    Member
    Posted 6 months ago #

    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

  7. Moreno5
    Member
    Posted 6 months ago #

    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?

  8. Andrew
    Forum Moderator
    Posted 6 months ago #

    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

  9. Moreno5
    Member
    Posted 6 months ago #

    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?

  10. Andrew
    Forum Moderator
    Posted 6 months ago #

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

  11. Moreno5
    Member
    Posted 6 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.