Center Primary Menu

  • I have tried the several suggestions but to center primary menu buttons but to no avail. I’ve also posted for help on this a couple of times under Oxygen theme (that’s the theme I modified) but haven’t received any responses.

    Could you please help me out with some advice on how to center the primary navigation buttons for this (test) site:
    https://purewebsites.co.nz/wp/lastparadiselocal/

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Why is there so much stuff in your Child Theme style.css file?

    Thread Starter chrisnomad

    (@chrisnomad)

    Stuff to modify the look of the theme. Do you see stuff there that shouldn’t be?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Nope, but if you have copied all of the stylesheet over as well as using the “@import” line, you’re duplicating it unnecessarily.

    To center the menu, add this:

    .site-navigation .nav-menu {
 display: table;
 margin: 0 auto;
}

    Thread Starter chrisnomad

    (@chrisnomad)

    Yes got it thank you Andrew. Looks a lot better. Not sure how I got so much stuff pasted in the child theme. Will this slow the site down? Should I post it into the custom css manager instead? Thanks so much.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Will this slow the site down?

    Yes, but it’s unlikely to slow it down by much. CSS files are not that big to begin with.

    Should I post it into the custom css manager instead?

    Nope, although you could. The Child Theme style.css file and Custom CSS Manager plugin both can hold your CSS modifications, but it’s best to keep them in one place so it’s easier to organise.

    Thread Starter chrisnomad

    (@chrisnomad)

    Sorry to be a pain. I’m having problems changing the colour of the headings (H1, H2 etc). Have tried adding this code to CSS manager:
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
    color: #FFFF;

    If you look in the child style.css file I’ve also changed the colour to white (#FFFF) but it remains darkish grey. I wonder if this is being over ridden somewhere? Many thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Center Primary Menu’ is closed to new replies.