WordPress.org

Forums

[resolved] Single Item menu bar alignment (7 posts)

  1. daveb86
    Member
    Posted 1 year ago #

    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

  2. salsaturation
    Member
    Posted 1 year ago #

    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;
    }
  3. daveb86
    Member
    Posted 1 year ago #

    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 :)

  4. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    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.

  5. salsaturation
    Member
    Posted 1 year ago #

    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;
    }
  6. daveb86
    Member
    Posted 1 year ago #

    Thanks salsaturation

    That worked perfectly :D

  7. salsaturation
    Member
    Posted 1 year ago #

    You're welcome

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.