Support » Theme: Openstrap » Right-align menu items

  • PaulDoesWP

    (@pauldoeswordpress)


    I’d like to place a couple of menu items on the right-hand end of the main menu bar, where the search box normally is. I’ve removed the search box using:

    input[type=search] {
        display: none;
    }

    I’ve tried adding float:right; to the CSS, but it does nothing. I also tried an !important after it. Here’s the current chunk of CSS which works OK, but it doesn’t put the item on the right-hand end:

    /* Add a facebook logo to the menu bar */
    #menu-item-1492 a {
    background-image: url("http://paulroper.com/ccfm09/wp-content/uploads/2014/04/FB-f-Logo__blue_50.png");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 50% 50%;
    padding-left: 40px;
    font-size: 0px;
    }

    Any suggestions would be gratefully received!

    P.S. Is there a more elegant way of hiding the text of a menu item rather than making its font-size: 0px? I assume using display: none will hide the whole element.

    – Paul

  • The topic ‘Right-align menu items’ is closed to new replies.