[Solved] Menu "White Fill"?

**GK User** Wed Apr 20, 2011 10:24 pm

How do I get the last menu item to fill the "menu area" to white?

Not quite sure how to verbally explain it, so I captured this screen image?

Thanks for any help!

PS - I'd share my site link but it's currently offline.

**Konrad M** Thu Apr 21, 2011 5:51 am

Hi
Can you make your site online? It would be much easier to help you

**GK User** Mon May 02, 2011 2:03 pm

Hi.
Sorry for the delay, I just put my site back online.

Any help is appreciated!

http://www.thesearchers.org

**Konrad M** Mon May 02, 2011 2:14 pm

Try add to override.css

Code: Select all: #gk-nav { background:#FFF; }

and remember to enable override.css option in template settings

**GK User** Mon May 02, 2011 2:41 pm

That just turns the background white.
So it creates a white gap at the end when you don't hover over the last item.

hmf.

**GK User** Mon May 02, 2011 7:59 pm

Hi

Please enable override.css file on template parameters and next add this lines on this file:

Code: Select all: #gk-nav ul.level0 > li.last {position: relative; left: 1px} #gk-nav ul.level0 > li a.last{padding-right: 36px;}

screen_2011-05-02-2.png

This should fix your problem.

By the way, excellent work on your website.
Serious. Looks pretty good.

Cheers

**GK User** Mon May 02, 2011 10:28 pm

Awesome, That did it!
Thanks so much!

And thanks for the kind words, you guys made a GREAT template!

**GK User** Sun May 15, 2011 5:22 pm

Hi!

I was wondering if you could offer me one extra bit of help with this.

When one views the site in IE 9 it's pushing that last menu item below all the others. Everything still works fine in FireFox, but I was wondering if you knew of a fix for IE 9?

Thanks!

The Searchers