Joomla Templates Club 406,261 posts

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#640255

On my site the newsticker links are coming on top of the Menu items, and not letting me to select the menu.
For an example, the third menu item from the right side of the screen has a drop down, when I go on it and I want to click on of of the drop downs, the link from newsticker is over it and I cannot select

http://www.geranbaha.com

here is a picture of what I am having issues with.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645047

Try This . . . . .

Within file path —-> /templates/ja_nex/css/menu/mega.css
AFTER line 29, scroll down and find the following CSS rule:


.ja-megamenu ul.level1 li.mega a.mega.over, .ja-megamenu ul.level1 li.mega a.mega.active {
background: #111 none repeat scroll 0 0;
border: medium none !important;
color: #fff;
margin: 0;
padding: 8px 0 8px 20px;
}

Add a “z-index” property to the rule, as follows:


.ja-megamenu ul.level1 li.mega a.mega.over, .ja-megamenu ul.level1 li.mega a.mega.active {
background: #111 none repeat scroll 0 0;
border: medium none !important;
color: #fff;
margin: 0;
padding: 8px 0 8px 20px;
z-index: 999;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645048

I found the file, but I do not see that line of code in there.

here is my file

/*
* ------------------------------------------------------------------------
* JA Nex Template for J25 & J30
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ------------------------------------------------------------------------
*/

#ja-megamenu {
border-right: solid 1px #5b211f
border-top: solid 1px #5b211f
background: #772f2c
}

#ja-megamenu ul.level0 { font-family: Helvetica, Arial, sans-serif; }

.ja-megamenu ul.level0 li.mega a.mega {
color: #fff
padding: 13px 15px;
border-right: solid 1px #5b211f
border-left: solid 1px #772f2c
display: block;
}

.ja-megamenu ul.level0 li.mega a.mega.first {
border-left: solid 1px #5b211f
}

.ja-megamenu ul.level0 li.mega.over,
.ja-megamenu ul.level0 li.mega.active {
margin-top: -1px;
margin-bottom: -1px;
}

.ja-megamenu ul.level0 li.mega a.mega.over,
.ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/hover-menu.gif) repeat-x left top #e5e5e5
color: #666
border: solid 1px #fff
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
}

.ja-megamenu ul.level0 li.mega a.mega.over {
background: #f2f2f2
border-color: #e5e5e5
}

/* lv - 1 and below
-----------------------------------*/
/* Styling ---*/
.ja-megamenu ul.level1 li.mega { background: none; border: none; margin: 0px;}

.ja-megamenu ul.level1 li.mega a.mega {
color: #666
border: none !important;
padding: 8px 0px 8px 20px;
margin: 0px;
}

.ja-megamenu ul.level1 li.mega.over,
.ja-megamenu ul.level1 li.mega.active {
margin-top: 0px;
margin-bottom: 0px;
}

.ja-megamenu ul.level1 li.mega a.mega.over,
.ja-megamenu ul.level1 li.mega a.mega.active {
background: #111
padding: 8px 0px 8px 20px;
margin: 0px;
border: none !important;
color: #fff
}

/* CHILD CONTENT
-----------------------------------*/
.ja-megamenu .childcontent-inner-wrap { background: #f2f2f2 border: 1px solid #e5e5e5 padding: 4px; }

.ja-megamenu .childcontent-inner-wrap:hover,
.ja-megamenu ul.level0 li.mega.over .childcontent-inner-wrap {
border-top: solid 1px #f2f2f2
}

.ja-megamenu .childcontent-inner { background: #222 color: #666 }

.ja-megamenu .childcontent .ja-moduletable { color: #666 }

.ja-megamenu .childcontent .ja-moduletable h3 { background: none; text-transform: uppercase; }

/* Grouped --- */

.ja-megamenu .megacol { background: url(../../images/line-bg.gif) repeat-y left top ; }

.ja-megamenu .megacol.first { background: none; }

ul.megamenu,
.ja-megamenu .group-content .ja-moduletable,
.ja-megamenu .group-content ul.megamenu { margin: 0px; }

.ja-megamenu .group-title { margin-top: 10px; }

.ja-megamenu .group-title .menu-title {
color: #fff
text-transform: uppercase;
font-size: 115%;
}

.ja-megamenu .group-title .menu-desc { color: #999 padding-left: 0 !important; }

.ja-megamenu .childcontent .ja-moduletable .ja-box-ct { padding: 15px 20px; }

.ja-megamenu .childcontent .ja-moduletable a {
color: #fff
display: block;
margin-top: 5px;
}

.ja-megamenu .childcontent .ja-moduletable a:hover,
.ja-megamenu .childcontent .ja-moduletable a:focus,
.ja-megamenu .childcontent .ja-moduletable a:active { color: #c33 }
.ja-megamenu .childcontent .ja-moduletable p {
display: inline-block;
}

.ja-megamenu .childcontent .ja-moduletable img {
display: block;
float: none;
}

.ja-megamenu .childcontent .ja-moduletable p strong {
color: #fff
display: inline-block;
margin-top: 5px;
}

.ja-megamenu ul.level1 li.haschild a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild-over a.mega span.menu-title {
background: url(../../images/arrow2.png) no-repeat 96% center;
}

.ja-megamenu ul.level1 li.haschild ul li a.mega span.menu-title,
.ja-megamenu ul.level1 li.haschild-over ul li a.mega span.menu-title {
background: none;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645050

Yep, it’s there . . . about halfway down.

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645052

I added in, but I still see the same issue

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645053

<em>@persianwebs 484889 wrote:</em><blockquote>I added in, but I still see the same issue</blockquote>

I just checked your CSS and your change was not saved.

If you want to send me a PM with temporary admin access, I can try to do it for you.

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645054

I will do that… I will message now

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645057

The stylesheet I need isn’t available through your site admin.

Look to (approximately) line 65 – within the file path in post #2 above.

Add the z-index property as recommended – and make sure the change saves.

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645058

I did

.ja-megamenu ul.level1 li.mega { background: none; border: none; margin: 0px;}

.ja-megamenu ul.level1 li.mega a.mega {
color: #666
border: none !important;
padding: 8px 0px 8px 20px;
margin: 0px;
z-index: 999;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645059

No, that’s not the correct rule . .. . the correct rule looks EXACTLY like this:


.ja-megamenu ul.level1 li.mega a.mega.over, .ja-megamenu ul.level1 li.mega a.mega.active {
background: #111 none repeat scroll 0 0;
border: medium none !important;
color: #fff;
margin: 0;
padding: 8px 0 8px 20px;
}

to which you add the z-index property.

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645061

were you not able to login to the backend?

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645063

I even search in the code for this line border: medium none !important; and it is not there, I dont know how you see it in there.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645064

<em>@persianwebs 484901 wrote:</em><blockquote>I even search in the code for this line border: medium none !important; and it is not there, I dont know how you see it in there.</blockquote>

I bring up the stylesheet using the FIREBUG online tool – so I know it’s there. I don’t think you’re modifying the correct CSS rule. It can be a little confusing with the longer rule strings – but I know that rule I identified is in there – and I know the CSS fix works.

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#645065

Could you please edit the file.

This is where I got the file from
content/templates/ja_nex/css/menu/mega.css

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#645066

<em>@persianwebs 484904 wrote:</em><blockquote>Could you please edit the file.

This is where I got the file from
content/templates/ja_nex/css/menu/mega.css</blockquote>

Right, but I cannot access that particular file through your admin backend – it’s not listed (for whatever reason).
I don’t have FTP capability where I am at right now. :((

[Author]

Posts