Support » Theme: Suits » Menu Items – struggling to centre

  • Resolved Moreno5

    (@moreno5)


    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%;
    }
    Thread Starter Moreno5

    (@moreno5)

    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;
    }
    Thread Starter Moreno5

    (@moreno5)

    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

    Thread Starter Moreno5

    (@moreno5)

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    Thread Starter Moreno5

    (@moreno5)

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Moreno5

    (@moreno5)

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

    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 ‘Menu Items – struggling to centre’ is closed to new replies.