Joomla Templates Club 406,261 posts

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#159487

There is a bug in the main_menu module when you have choosen a menu as a “Separator”. As you clearly can see in the attached image the Media menu is the top node, but it shows as a second node in the module to the left.

I would really need a quick buggfix as I want to use the “Separator” feature in my menu. As it is now … I can not.

See attached image for better understanding.

---

Attachments:

1. 

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#374966

For a short period of time you can see this error live on the following link.

Here you can see that the top node called TEST appears as it should in the top menu … but appears as a 2nd node in the main menu to the left >:(

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#374976

yes, i would like provide a quick fix as following
You open the template.css file and find the following code:

#ja-container ul.menu span.separator {
background: url(../images/arrow-3.png) no-repeat 2px 8px;
color: #666;
display: block;
font-size: 92%;
font-weight: normal !important;
padding: 5px 0;
text-indent: 15px;
text-transform: none;
width: 100%;
}

and replace by:

#ja-container ul.menu span.separator {
background: none;
color: #666666;
display: block;
font-size: 92%;
font-weight: bold !important;
padding: 5px 0;
text-indent: 0px;
text-transform: none;
width: 100%;
}

Thanks

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#374988

We are almost there! However, I see that there is a small (but important) font style difference for the seperator item menu only.

Please have a look at it or visit the live site here and see for your self.

Note that it is only now the “About us” menu which is the seperator item.

Thanks again for helping me with this annoying bug 🙂

---

Attachments:

1. 

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#374991

OK, so I have changed the code myself now and the result on the site looks almost perfect, and looks like this:

#ja-container ul.menu span.separator {
background: none;
color: #333;
display: block;
font-size: 100%;
font-weight: normal !important;
padding: 5px 0;
text-indent: 0px;
text-transform: none;
width: 100%;
}

However, I also see on the website that when a sub node is selected/active then the top node should be bold/active as well (illustrated below and in the attached image). But this does not apply for the Separator menu “About us”. Any ideas on how to get this to work?

TOP NODE (bold)
– Sub node
– Sub node
– Sub node (bold)
– Sub node
– Sub node

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#375028

yes, please add the following code into the template.css file:

#ja-container ul.menu .active span.separator {
font-weight: bold!important;
}

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#375115

Many thanks!!
All is fine now!
:-*

[Author]

Posts