Welcome, Guest
Please Login or Register.    Lost Password?

Indent items in the main menu
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Indent items in the main menu
*
#3128
Indent items in the main menu 2 Years, 7 Months ago Karma: 0
I am setting up a website with the PolarBear Pro 1.5 template and I was wondering if it is possible to use indents for Menu Items in the Main Menu. When you create a menu item (based on a category) and set a menu (based on a section) as its parrent, there is no indent vissible in the main menu. The default rhuk_milkyway template of Joomla does show the indent which makes it easier to navigate the site and see where you are in the hierarchy.

Any answers would be more than welcome.

Kind regards
klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#3177
Re:Indent items in the main menu 2 Years, 7 Months ago Karma: 19
I´m not sure if I understand your question.
On my installation I have a indent in the Main Menu.

See the Picture. ;-)



Can you post a link to your site or specify your problem?

Regards

hofmar
GermanBear
Moderator
Posts: 441
graphgraph
User Offline Click here to see the profile of this user
ICQ#: 178412056 Gender: Male hofmar123 Carnevale di Venezia Bonn Location: Bonn Birthday: 05/08
The administrator has disabled public write access.
 
#3179
Re:Indent items in the main menu 2 Years, 7 Months ago Karma: 0
Well, my site has not gone public yet so I don't have a link. I attached a screenshot where the item "Praktijken" should have been indented. All you can see is a little dot just before the item.

klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
Last Edit: 2009/10/24 09:28 By GermanBear.
The administrator has disabled public write access.
 
#3180
Re:Indent items in the main menu 2 Years, 7 Months ago Karma: 19
Here a Solution for your Problem.

Go in the backend under:

Extensions >> Template Manager >> PolarBearPro >> Edit CSS

Search in the template.css for

Code:

ul.menu {
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #CCCCCC;
width: 172px!important;
}



then add the following Code behind:

Code:

/*Tochter-Hauptmenü*/
#left ul li ul li a {
width:156px;
margin-left:10px;
font-size: 11px;
color: #000;
background-image:none;
background-color: #F2F2F2;
}



I hope that it help. :)

Regards

hofmar
GermanBear
Moderator
Posts: 441
graphgraph
User Offline Click here to see the profile of this user
ICQ#: 178412056 Gender: Male hofmar123 Carnevale di Venezia Bonn Location: Bonn Birthday: 05/08
Last Edit: 2009/10/24 09:48 By GermanBear.
The administrator has disabled public write access.
 
#3181
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 0
Thanks hofmar, that did the trick. Is there any way to loose or change the little dot before the text?
klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#3182
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 41
Try adding this to the css for that menu

list-style-type:none;
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
The administrator has disabled public write access.
 
#3183
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 0
Unfortunately that did not work. Any other ideas?

Code:

/*Tochter-Hauptmenü*/
#left ul li ul li a {
width:156px;
margin-left:10px;
font-size: 11px;
color: #000;
list-style-type: none;
background-image:none;
background-color: #F2F2F2;
}

klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#3184
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 41
Can you link to your site?
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
The administrator has disabled public write access.
 
#3185
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 0
Not gone public yet so I temporarily opened it for you.

88.159.200.78/joomla
klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#3186
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 41
Can you try adding another rule:

#current li {
list-style-type: none;
}
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
The administrator has disabled public write access.
 
#3187
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 0
Added the line, that partialy did it. Now when you klick on the main menu, the little bullet is gone but when you click the indented submenu it reappears.
klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#3188
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 41
Try changing my code:

#current li {
list-style-type: none;
}

To this:

#current li, #current {
list-style-type: none;
}

If that does not work try adding more specific rules:

#current li, #current, li #current, , li #current .active {
list-style-type: none;
}
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
The administrator has disabled public write access.
 
#3197
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 0
The first one worked:
#current li, #current {
list-style-type: none;
}

But now for the last problem, how to get focus (in other words the blue button) on a submenu item when clicking on it. Now the selection stays on the submenu's parent menu.
klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#3200
Re:Indent items in the main menu 2 Years, 6 Months ago Karma: 0
When you click on the parentmenu, it turns blue. Does anyone know how to do this with the submenu? Or maybe there is a way to make the submenu a little lighter blue while the parentmenu stays the way it is when you click it. This would make navigation more easy as you will always see/know where in the menustructure you are.

Thanks in advance
klit
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
Moderators: Support
 
JOOMLA TEMPLATES Joomla Templates By JoomlaBear