Joomla Templates Club 406,261 posts

[mitchel Friend mitchelJoin date: August 2006Posts: 5Downloads:0Uploads:0]

#122086

How can I make the mouse click area larger in the top menu area JA Nerine template? Currently it is limited to just a few pixels up from the bottom of each area as pictured below.

The first picture represents the current clickable area as shown by the mouse pointer:

This next picture shows what happens in the rest of the menu region. Notice the mouse pointer shows it is no longer clickable enev though it is in the menu area.

This next picture represents again what is currently happening and what I wish to have happen. The red area is the current clickable area, I wich to have the menu items clickable in the blue area plus the red area.

Please let me know where and what code I need to change in order to fix this.

Cheers

[Denis Nizde Friend Denis NizdeJoin date: September 2014Posts: 9Downloads:0Uploads:0]

#227414

I need this too. Help us please. Tnx

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#227448

Any template changes?
Live url? By PM or here is a good start

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#227451

<em>@Nizde 24910 wrote:</em><blockquote>I need this too. Help us please. Tnx</blockquote>
Only licensed members can receive technical support.

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#227452

<em>@Mitchel 24638 wrote:</em><blockquote>How can I make the mouse click area larger in the top menu area JA Nerine template? Currently it is limited to just a few pixels up from the bottom of each area as pictured below.

The first picture represents the current clickable area as shown by the mouse pointer:

This next picture shows what happens in the rest of the menu region. Notice the mouse pointer shows it is no longer clickable enev though it is in the menu area.

This next picture represents again what is currently happening and what I wish to have happen. The red area is the current clickable area, I wich to have the menu items clickable in the blue area plus the red area.

Please let me know where and what code I need to change in order to fix this.

Cheers</blockquote>
Could we please have a live site url and browser that you’re using.

[mitchel Friend mitchelJoin date: August 2006Posts: 5Downloads:0Uploads:0]

#228240

<em>@MiCCAS 24959 wrote:</em><blockquote>Could we please have a live site url and browser that you’re using.</blockquote>

Sorry. I had to renew. The site is at http://www.njmba.org and the browser is Firefox. It does the same thing in IE too.

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#228249

I’ve found out that you got that problems because the header DIV overlap the menu DIV. It’s happened because you’ve modified some attributes in the template CSS.
to solve the problem you can do like this:
1. Open template_css.css, head to line 814, delete the line top: 25px; in #ja_header
2. Go to the line 1310, at #ja-search and change attr top: -20px; to top: 110px;

The step 2 will make the search box goes down and not stay behind the advertisement anymore.
And I would like to suggest you to change the height of header from 110px to 85px (line 814, #ja-header, height: 110px;) for better looking
<note: if you change height from 110px to 85px, at step 2 only need to change to top: 85px;>
And that’s it, there one more way to solve this problems but I recommended you to do this way to get the best result. 😀

[Author]

Posts