WordPress.org

Forums

Highwind
Navigation center (13 posts)

  1. dan394
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

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

  3. dan394
    Member
    Posted 1 year 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
    Nuh uh moderator
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

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

  7. dan394
    Member
    Posted 1 year ago #

    Yes, that's correct

  8. Andrew
    Nuh uh moderator
    Posted 1 year 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 1 year 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
    Nuh uh moderator
    Posted 1 year ago #

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

  11. dan394
    Member
    Posted 1 year ago #

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

  12. Andrew
    Nuh uh moderator
    Posted 1 year 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 1 year ago #

    Thank you ⊡.⊡ !

    I confirm that your previous post as the answer :)

    Thanks again !! :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.