Center Menu

  • Hello,

    I’m using the f2 theme from here: https://srinig.com/wordpress/theme/f2/

    By default, the horizontal navigation menu displays inside the header area. I can un-comment the code at the end of style.css to have it displayed outside the header.

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    How do I make the horizontal navigation menu appear centered vs to the left?

Viewing 1 replies (of 1 total)

  • Currently menu is aligned on right side on your site, you need to change float:right to left and add margin-left to align it on center in following style:

    #hmenu {
    border: 0 none;
    bottom: 24px;
    float: right;
    height: 0;
    margin-bottom: -23px;
    padding: 0;
    position: relative;
    right: 2px;
    width: auto;
}

change float to left and add margin:

    #hmenu {
    border: 0 none;
    bottom: 24px;
    float: right;
    height: 0;
    margin-bottom: -23px;
    margin-left: 32%;
    padding: 0;
    position: relative;
    right: 2px;
    width: auto;
    }

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