Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #20139
    pemca
    Member

    Hi,
    Is it possible to right allign some menu items ?

    Example : menu-item1 to 3 is left alligned and
    menu-item4 are right alligned.

    menu-item1 menu-item2 menu-item3 –> menu-item4

    thanks,
    Peter
    Denmark

    #20144
    Sakin
    Keymaster

    @pemca: Sorry this option is not there. You need to hire customizer and work on it.

    #20145
    pemca
    Member

    Thanks, Sakin

    /Peter

    #20146
    pemca
    Member

    Hey, I found a solution 🙂

    Solution : Find the menu-item you want to move

    To locate the unique ID, open the navigation menu, and either:

    First : locate the menu-item ID by

    Hover over the dropdown arrow on the right in the header, and inspect your browsers statusbar, or
    click to open the menu item for details, and hover your mouse over the “Delete” and “Cancel” link.
    Again, inspect the browsers status bar to find the menu item ID.

    Insert in Custom CSS

    /* the menu-item you want to the rigth */

    #header-menu ul.menu li.menu-item-77 {
    float: right;
    }

    /* rest of the menu to the left */

    #header-menu ul.menu {
    list-style: none;
    padding-left: 0;
    text-align: left;
    }

    #20157
    Sakin
    Keymaster

    @pemca: Wow, I didn’t knew that you are so good at CSS and inspect element. Congrats 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘right allign some menu items’ is closed to new replies.