WordPress.org

Ready to get started?Download WordPress

Forums

Highwind
Navigation center (13 posts)

  1. dan394
    Member
    Posted 9 months ago #

    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

  2. Andrew
    Forum Moderator
    Posted 9 months ago #

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

  3. dan394
    Member
    Posted 9 months ago #

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

    Thanks again

  4. Andrew
    Forum Moderator
    Posted 9 months ago #

    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?

  5. dan394
    Member
    Posted 9 months ago #

    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!

  6. Andrew
    Forum Moderator
    Posted 9 months ago #

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

  7. dan394
    Member
    Posted 9 months ago #

    Yes, that's correct

  8. Andrew
    Forum Moderator
    Posted 9 months ago #

    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?

  9. dan394
    Member
    Posted 9 months ago #

    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

  10. Andrew
    Forum Moderator
    Posted 9 months ago #

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

  11. dan394
    Member
    Posted 9 months ago #

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

  12. Andrew
    Forum Moderator
    Posted 9 months ago #

    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;
    }

    ?

  13. X-Raym
    Member
    Posted 2 months ago #

    Thank you ⊡.⊡ !

    I confirm that your previous post as the answer :)

    Thanks again !! :)

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.