PHP Joomla从菜单项的右移到左移菜单分隔符

Question

I'd like to move the menu separator ( look here ) currently just after (to the right) of the menu item "Sometitle" to just before (to the left) it, making a separator just after the menu item "Donate" and just before the menu item "Sometitle". Is this accomplishable via the Joomla software,and if so how do I go about doing it, or do I have to accomplish this myself (via JavaScript/CSS). If it's only doable via JavaScript/CSS,any tips would be appreciated.

Thanks!

Answer 1

Is 'Some Title' a specific module or is part of the menu? I would make a second menu module for that item and instead of applying that margin you can put 'float:right' to the module div so you don't waste all that space.

Answer 2

Maybe you can make a 'dummy' menu item before 'Some Title'. Make it invisible with css so it shows only the separator. That's one option, I should take a look at the actual css code and html layout to give you more ideas. But definitely you can solve this with css.

Answer 3

Joomla way:

Create another menu for that item (and remove it from the left menu), use the same style for the <li> items in both menus (of course, place each <ul> according to your design).

CSS way:

Set the 'Sometitle' item like this (replace the X for the right item id):

.menuClass .itemX {background-position-x:0%;}

JS way:

Set the css properties as above.