Support » Theme: Attitude » Centering menu navigation?

  • Resolved khyksmith

    (@khyksmith)


    I had this before I think editing the padding or text align but I was just wondering where I would put the text-align: center; ? Or would I have to edit the padding again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • #access {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;

    }
    #access ul {
    display: inline-block;
    }
    #access li {
    float: left;
    position: relative;
    padding: 0 20px 0 0;
    }
    li.default-menu {
    display: inline-block;
    }
    #access a {
    color: #777;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px 0 0;
    height: 39px;

    Here is what i’ve tried but to no avail

    Hi khyhsmith
    Did you come right with this because I’m having the same problem?

    @azuredesigns: Please start your own support thread in future as per the forum rules. It makes support easier, as well as helping to keep threads more manageable and easier to search.

    In regards to this problem, I see @khyksmith managed to resolve this issue by using the following CSS:

    #access {
    text-align: center;
    }
    
    #access ul{
    display: inline-block;
    }

    This CSS should be added to your theme via a child theme or a custom CSS plugin. Do not edit your theme’s files directly, as this will cause any changes you make to be lost when updating the theme in future.

    Appologies. Thanks for the help. It works

    You’re welcome. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Centering menu navigation?’ is closed to new replies.