Public Forums 71,145 posts

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#189897

I am a few pixels off on my last mega menu item’s hover action.

http://hunt.bwpcommunications.com/index.php

If you hover over Contact Us (for right on main nav) the light grey hover background color does not go all the way to the right to fully cover the main menu’s color.

If I add any more padding or margin to the class for all the menu item, my menu breaks down to a 2nd line, which is no good.

Is there a way to add a little more padding to the right of the last menu item’s hover bg color so it spans all the way to the right of the menu?

Thanks,
Bill

---

Attachments:

1. 

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

#502950

Hi Bill again,

Try to add this css rule:


.ja-megamenu ul.level0 li.mega.last {
width: 125px;
}


into file: /templates/ja_template_name/css/template.css

and clean JAT3 cache then.

Hope this helps.

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#503026

<em>@Saguaros 385821 wrote:</em><blockquote>Hi Bill again,

Try to add this css rule:


.ja-megamenu ul.level0 li.mega.last {
width: 125px;
}


into file: /templates/ja_template_name/css/template.css

and clean JAT3 cache then.

Hope this helps.</blockquote>

Worked perfect! You are always so helpful!!!

Thanks again,
Bill

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

#503033

And you are almost welcome, mate :p

1 user says Thank You to Saguaros for this useful post

1. billrust

[billrust Friend billrustJoin date: March 2011Posts: 121Downloads:35Uploads:13 Thanks: 15 Thanked: 3 times in 1 posts]

#504136

Another minor issue with this last menu item. In IE and Safari, when you hover over Contact Us, the background hover color is way too big. I have tried everything I can think of, for days, and cannot figure out how to make it perfect 🙁

Any ideas? only happens in IE and Safari.

Bill

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

#506432

HI Bill

Sorry for this late response, you can try to open template.css file again and add this css rule:


.ja-megamenu ul.level0 li.mega.last:hover {
padding-right: 17px !important;
}


Then clean JAT3 cache.

[Author]

Posts