Joomla Templates Club 406,261 posts

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#172979

Hi Guys,

So I have built my new site using JA Nex. http://www.vivaasiamagazine.com

I want to know if there is a setting for the menu items in the top menu bar TRAVEL, RESTAURANTS, NIGHTLIFE and so on, where I can make it so when you click on the TRAVEL button nothing happens apart from you see the drop down menus that come down from it because you have moused over it.

Jim

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

#434514

If I am understanding correctly, it sounds like you want to “deactivate” the “hover” styling function for your main nav menu items – is this correct?

If so, then the file you are going to want to work with is –> /templates/ja_nex/css/menu/mega.css

starting at line 40 . . .
<blockquote>
.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;
text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
color: #666;
border: solid 1px #fff;
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
}
</blockquote>

You’ll likely want to modify it to something along these lines . . .

<blockquote>.ja-megamenu ul.level0 li.mega a.mega.over,
.ja-megamenu ul.level0 li.mega a.mega.active {
text-shadow: 0px 1px 1px rgba(255,255,255,0.5);
color: #fff;
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
}

</blockquote>

Of course, there may be some additional trial-and-error experimentation you will want to do to try to get the exact end-result styling you want …. but this is all part of the fun of the process. 😎

Hope that helps get you started.

1 user says Thank You to TomC for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#434552

Morning Tom,

Sorry for not explaining myself better. What I am trying to achieve on some of the buttons is that if you click on the button it does not do anything. But the hover function still works. So as an example if you click on travel nothing happens but the hover still shows the sub categories attached to that button.

I thought that there would be a setting in the menu settings but I could not work out which one it was.

Jim

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#434567

You should be able to make the button a null link by changing the type to external URL and inputting a # into the link field. The only problem with that is that none of the buttons will go anywhere. What I usually do is to make the first button go to a blog layout of a category, so if they click it, they will see everything in that category. Sorry if I’m stepping on your toes Tom.

1 user says Thank You to instantinlaw for this useful post

1. James Weston

[James Weston Friend James WestonJoin date: September 2014Posts: 1030Downloads:11Uploads:70 Thanks: 408 Thanked: 16 times in 1 posts]

#434568

Thanks that is the solution I was looking for. Jim

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#434570

You’re welcome.

1 user says Thank You to instantinlaw for this useful post

1. TomC

[Author]

Posts