Support » Themes and Templates » Single Item menu bar alignment

  • Resolved daveb86

    (@daveb86)


    On my site http://www.pc-solutionz.co.uk

    You can see the menu bar on the top of every page ..

    However i wish to move the “User CP” option on its own to the right and leave the rest on the left

    Can anyone please direct me on how to do this ?

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The best way to do this is to create a second menu are and area using a Child_Themes

    Or anotherway is to add this to custom css

    #menu-item-50 {
    float: right;
    }
    
    #menu-item-50 ul {
    margin-left: -134px;
    }

    Sorry im a noob

    Where would i place the Custom CSS and how would i make sure its moving the correct menu item ?

    Im guessing this would be an easier way to do it rather than looking at child themes 🙂

    The child theme would protect your changes when the parent theme gets updated. Anyway, the custom css goes into style.css. I might suggest that you rearrange the order of the menu items in the admin panel so that User CP is the last item in the menu. Then it might be easier to simply float it to the right.

    Don’t edit the main style.css. If you don’t already have a child theme or a custom.css you should install a plugin like custom CSS plugin then add the following to the custom css area.

    #menu-item-50 {
    float: right;
    }
    
    #menu-item-50 ul {
    margin-left: -134px;
    }

    Thanks salsaturation

    That worked perfectly 😀

    You’re welcome

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Single Item menu bar alignment’ is closed to new replies.