Align last list item to the right
Posted 13 October 2012 - 06:33 PM
Is this possible with css?
Posted 13 October 2012 - 07:12 PM
To reposition, just go to Dashboard > Appearance > Menus and drag the menu items into the order in which you want them. Top is always the left-most... bottom is always the right-most.
To add space it differently, add this to your child theme's stylesheet at the bottom:
The second grouping moves the navbar over. The first moves the EN item only.
Posted 13 October 2012 - 07:27 PM
I needed it to create space, but for another site:
The "FR" is aligned all the way to right corner, but the "EN" not. I have now the child theme stylesheet:
Posted 13 October 2012 - 07:57 PM
Also, please obtain and use this to test and implement custom CSS.
Posted 13 October 2012 - 08:15 PM
The FR / EN is a language switcher. When you click on the FR you go the French site and reverse with the EN. The FR is aligned nicely to the right corner but EN on the french site is not.
I know the css is not correct, I will get the firebug. Thanks for the tip.
Posted 13 October 2012 - 10:22 PM
The problem with that is, in a mobile device, the 220px will be a fixed dimension that prevents the menu from being responsive and proportional.
So, we first need to figure out a way of doing this without causing your menu to be messy on a mobile device.
In theory, the 220px can be changed to a percent of the whole menu, and the content floated right. Please see this for information on aligning right. It might be insightful.
Posted 15 October 2012 - 09:16 AM
I'm handling to issue for a friend of mine and will discuss this with here first. Maybe we can find a better solution. I believe the language switcher should not be a part of the nav menu and should be placed on top of the page.