Support » Theme: Highwind » Navigation center

  • Hi all,

    I’m currently in the process of customizing the Highwind theme for my site, however whatever I seem to do I cannot get the navigation bar to sit in the center instead of the left!

    If anyone could help me it would be much appreciated!

    Thanks,
    Dan

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

    (@anevins)

    Forum moderator

    Could you post the CSS you are using to center it?

    I’ve taken it off now because non of it worked – but my site is http://makingmemories.netne.net if that helps?

    Thanks again

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    This CSS works on the original theme:

    .main-nav ul.menu {
     margin: 0 auto;
     display: table;
     float: none;
     width: auto;
    }

    If that doesn’t work on yours could you post all the CSS that you are using to center the menu?

    Thank you, however that didn’t work.

    This is the current CSS:

    /**
     * Navigation
     */
    ul.menu {
      list-style: none;
      margin: 0;
    }
    ul.menu ul {
      margin: 0 0 0 1em;
      list-style: none;
    }
    .main-nav {
      clear: both;
      width: 80%;
      left: -80%;
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 99999;
    }

    I’m really puzzled as to why nothing seems to do it?!

    Thanks again for your help!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Where are you making these modifications, in Highwind’s style.css file?

    Yes, that’s correct

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Could you separate out your CSS modifications from the original CSS by installing this Custom CSS Manager plugin: http://wordpress.org/plugins/custom-css-manager-plugin/ and using that to hold them?

    Hi again,

    I’ve loaded in the default style.css from the theme as I wasn’t using any customizations and made and it still doesn’t seem to be working!

    Thanks again

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    At the moment are you using any CSS customisations? If so, try putting them in the Custom CSS Manager.

    Not currently as I’ve loaded back in the default stylesheet from the theme

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I’m not sure I understand, by default the theme does not center its menu.

    To center the menu can you add this CSS customisation to the Custom CSS Manager plugin:

    .main-nav ul.menu {
     margin: 0 auto;
     display: table;
     float: none;
     width: auto;
    }

    ?

    Thank you ⊡.⊡ !

    I confirm that your previous post as the answer 🙂

    Thanks again !! 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Navigation center’ is closed to new replies.