WordPress.org

Ready to get started?Download WordPress

Forums

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

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

    Thanks salsaturation

    That worked perfectly :D

  7. salsaturation
    Member
    Posted 5 months ago #

    You're welcome

Reply

You must log in to post.

About this Topic

Tags

No tags yet.