Move WordPress menu to the right side

Move WordPress menu to the right side

From WordPress 3.0 the default theme is Twenty Ten.
This differs from previous themes because it implements a useful dropdown menu made only with CSS.

By default the menu is positioned on the left.

Wordpress Twenty Ten menu left

Sometime it could be necessary to move the menu on the right.

To do this you have to edit the file style.css that you could find inside the folder of your theme.

Inside the file find

#access .menu-header ul,
div.menu ul {

and add inside it

float: right;
padding-right: 20px;

In some themes the instruction padding-right could influence the behavior of dropdown sub-menus, in that case try to substitute it with the instruction margin-right.

Now your menu is positioned on the right!

Wordpress Twenty Ten menu right

If you need further assistance, fill out the form below.



    If you need another kind of WordPress support, check which other services for WordPress I can offer you.

    2 comments on Move WordPress menu to the right side

      1. Hello zaman!
        The tutorial is based on WordPress TwentyTen theme (the default one on WP 3.0) and probably it won’t work on any other theme not directly derived from this 😉

    Leave a Reply

    Your email address will not be published. Required fields are marked *