sleepy
(Peter Schlaf)
September 12, 2012, 1:52pm
1
mbmenu gives me a menu-bar from the left side to the right side of my browser window.
The menu items are being placed starting at the left side of that menu bar.
I would like to place all my menu items on the left side, but one single menu item on the right side.
Is that possible with mbmenu?
softark
(Softark)
September 12, 2012, 4:24pm
2
[color="#008000 "]/* moved from "Yii-powered Applications" to "General Discussion for Yii 1.1.x" */[/color]
abennouna
(Abennouna)
September 12, 2012, 5:53pm
3
You can try setting CSS properties:
[list=1]
[*]ul container’s width: 100%
[*]li.last float: right
[/list]
sleepy
(Peter Schlaf)
September 12, 2012, 10:05pm
4
I put these lines in mbmenu.css, but nothing changed. (Yes, I deleted every folder in "assets")
Here is another description of my problem:
By default mbmenu is doing this:
+---------------------------------------------------------------------+
| menu1 | menu2 | menu3 | menu4 | |
+---------------------------------------------------------------------+
I want my menu-bar like this:
+---------------------------------------------------------------------+
| menu1 | menu2 | menu3 | | menu4 |
+---------------------------------------------------------------------+
outrage
(Site Sense Web)
September 13, 2012, 1:09am
5
Try this instead:
li:last-child { float:right; }
sleepy
(Peter Schlaf)
September 13, 2012, 9:29am
6
Now it works! Thank you!
But what have I done?
I put this one in extensions/mbmenue/source/mbmenu.css, "assets" folder cleared, but nothing changed in the menu-bar. However, I saw the last item in all dropdown menues went to the right, but this was not what I wanted.
The solution:
In extensions/mbmenue/source/mbmenu.css in the second line I added "width:100%;":
#nav { float:left; margin:0;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0; width:100%; }
In views/layouts/main.php I used the "itemOptions" for my menu item to appear on the right:
'itemOptions'=>array('style'=>'float:right;'),