Public Forums 71,145 posts

[nikoss Friend nikossJoin date: October 2011Posts: 12Downloads:0Uploads:5 Thanks: 2 Thanked: 1 times in 1 posts]

#170164

On
http://www.multitec.gr
mega menu active doesn’t seem to work It should be normally be grey but is not.
Also When I click on an item until the page is loaded no background is shown. Can this be fixed?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#422222

Hi

Your mega menu is managed by the file mega.css and now you have these settings

.ja-megamenu {
margin: 0;
padding: 0;
}
.ja-megamenu a.over, .ja-megamenu a.active {
color: #FFFFFF !important;
}
ul.megamenu {
margin: 10px;
}
ul.level0 {
border-right: 1px solid #CCCCCC;
float: left;
margin: 0;
padding: 0;
}
ul.level0 li.mega {
background: none repeat scroll 0 0 transparent;
display: block;
float: left;
margin: 0;
padding: 0;
}
ul.level0 li.mega a.mega {
border-left: 1px solid #CCCCCC;
color: #403C3A;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 110%;
font-weight: bold;
height: 22px;
line-height: normal;
margin: 0;
padding: 8px 15px;
text-decoration: none;
}
ul.level0 li.mega .has-image {
background-position: left top;
background-repeat: no-repeat;
display: block;
padding-left: 25px;
}
ul.level0 li.mega span.menu-title {
display: block;
}
ul.level0 li.mega span.menu-desc {
color: #999999;
display: block;
font-size: 92%;
font-weight: normal;
}
ul.level0 li.mega a img {
float: left;
padding-right: 5px;
}
ul.level0 li.over, ul.level0 li.haschild-over {
background: url("../../images/navbg-hover.gif") repeat-x scroll center top red;
}
ul.level0 li.haschild a.mega span.menu-title, ul.level0 li.haschild-over a.mega span.menu-title {
font-family: Arial,Helvetica,sans-serif;
padding-left: 12px;
}
ul.level0 li.haschild a.mega span.menu-desc, ul.level0 li.haschild-over a.mega span.menu-desc {
padding-left: 12px;
}
ul.level0 li.active {
background: url("../../images/navbg-active.gif") repeat-x scroll center top #DFDFDF;
}
.ja-megamenu li.mega .childcontent {
display: block;
height: auto;
position: absolute;
}
.ja-megamenu li.mega .childcontent, .ja-megamenu li.haschild-over li.mega .childcontent, .ja-megamenu li.mega li.haschild-over li.mega .childcontent, .ja-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, .ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent {
left: -999em;
}
.ja-megamenu li.haschild-over .childcontent, .ja-megamenu li.mega li.haschild-over .childcontent, .ja-megamenu li.mega li.mega li.haschild-over .childcontent, .ja-megamenu li.mega li.mega li.mega li.haschild-over .childcontent, .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent, .ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent {
left: auto;
}
.ja-megamenu li.mega .right, .ja-megamenu li.haschild-over li.mega .right, .ja-megamenu li.mega li.haschild-over li.mega .right, .ja-megamenu li.mega li.mega li.haschild-over li.mega .right, .ja-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right {
right: auto;
}
.ja-megamenu li.haschild-over .right {
right: 0;
}
.ja-megamenu li.mega li.haschild-over .right, .ja-megamenu li.mega li.mega li.haschild-over .right, .ja-megamenu li.mega li.mega li.mega li.haschild-over .right, .ja-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right, .ja-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right {
right: 12em;
}
ul.level1 li.mega {
float: none;
}
ul.level1 .childcontent {
margin: -2em 0 0 160px;
}
.megacol {
float: left;
}
ul.level1 li.mega {
}
ul.level1 li.first {
border-top: 0 none;
}
ul.level1 li.mega a.mega {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #403C3A;
font-weight: normal;
padding: 2px;
}
ul.level1 li.mega a.mega span.menu-title {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
ul.level1 li.haschild {
background: url("../../images/arrow.png") no-repeat scroll 95% center transparent;
padding: 0;
}
ul.level1 li.over, ul.level1 li.haschild-over {
background: none repeat scroll 0 0 transparent;
}
ul.level1 li.group {
background: none repeat scroll 0 0 transparent;
}
.childcontent {
z-index: 999;
}
.childcontent-inner {
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #C5C5C5;
color: #CCCCCC;
}
.childcontent .ja-moduletable {
border-bottom: 0 none;
color: #CCCCCC;
line-height: 1.5;
margin: 10px 0;
padding: 0;
}
.childcontent .ja-moduletable h3 {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px dotted #444444;
color: #FFFFFF;
margin-left: 10px;
margin-right: 10px;
text-indent: 5px;
text-transform: none;
}
.childcontent .ja-moduletable .ja-box-ct {
padding: 0 5px;
}
.childcontent .ja-moduletable a {
border-bottom: 1px dotted #CCCCCC;
color: #CCCCCC;
text-decoration: none;
}
.childcontent .ja-moduletable a:hover, .childcontent .ja-moduletable a:focus, .childcontent .ja-moduletable a:active {
border-bottom: 1px solid #FFFFFF;
color: black;
text-decoration: none;
}
.childcontent .ja-moduletable ul:first-child {
margin-top: 0 !important;
}
.childcontent .ja-moduletable li {
background: url("../../images/bullet2.gif") no-repeat scroll 2px 7px transparent !important;
margin-bottom: 5px;
}
.group {
}
.group-title {
background: url("../../images/newsubmenu.gif") no-repeat scroll 1px 25px transparent !important;
overflow: hidden;
}
.group-title li.mega .over {
color: black !important;
}
.group-title .menu-title {
color: red;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
}
.group-title .menu-desc {
color: #999999;
padding-left: 0 !important;
}
.group-content .ja-moduletable, .group-content ul.megamenu li {
background: url("../../images/bullet-list5.gif") no-repeat scroll 1px 7px transparent !important;
color: #403C3A !important;
font-size: 10px;
height: 20px;
margin: 5px;
padding-left: 9px;
}
.group-content ul.megamenu li.over {
background: url("../../images/bullet-list2-2.gif") no-repeat scroll 1px 7px transparent !important;
color: red !important;
}
.group-content li.mega .over {
color: red !important;
}
.childcontent ul.megamenu .ja-moduletable {
padding: 0;
}
.childcontent ul.megamenu .ja-moduletable h3 {
margin-left: 0;
margin-right: 0;
}

images override the colors check better

[nikoss Friend nikossJoin date: October 2011Posts: 12Downloads:0Uploads:5 Thanks: 2 Thanked: 1 times in 1 posts]

#422259

I tried using the original menu.css with the same effect

[nikoss Friend nikossJoin date: October 2011Posts: 12Downloads:0Uploads:5 Thanks: 2 Thanked: 1 times in 1 posts]

#422642

Can anyone please help here?
I tried (on a local copy) vanilla ja_purity_II with the same effect
Does it matter that the url’s on the megamenu are pointing to virtualmart ?

[rborole06 Friend rborole06Join date: April 2013Posts: 1Downloads:0Uploads:0]

#491353

i also have the same problem can anyone help me on this issue
my website is http://www.babacomputers.com
there is main menu as Review and New Arrival and also submenu’s under it
but on home page it is not showing but when i goes to shop it is showing please help me

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#491447

Hi rborole06,

The Review, New Arrival menu & their sub-menus do appear on homepage. Can you check again ?

Leo

---

Attachments:

1. 

[Author]

Posts