[SOLVED] MegaMenu - Problem with subnav background

Hello,

like you can see in the screenshot there is a problem with the new version of "EveSolcial" using the megamenu.
I tried to order my subnavigation elements in 3 categories, but the background image doesn't fit. I think this is because of the "repeat: no".
BUT, if i activate the repeat it also doesn't look very well.


Is it possible to stretch the background image by another way?

Hi

Yes, you are right.
We will fix this asap.
Please wait for further updates.

Hi again

I'm afraid it's not very easy to fix this, using the rounded background image. So, i recommend that you change on gk_stuff.css this line:

Code: Select all

.gk-megamenu .childcontent-inner-wrap{color:#fff!important; border:none!important; background:url('../images/style1/submenu_bg.png') no-repeat 0 bottom; margin:4px 0 !important;}

with this one:

Code: Select all

.gk-megamenu .childcontent-inner-wrap{color:#fff!important; border:none!important; background:url('../images/style1/submenu_bg.png') repeat-x; margin:4px 0 !important;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

This uses css3 standards, so it will be supported by most browsers with excepting of IE7 and IE8.

I will recommend this change for the next update of this template.

Cheers

Thank you very much.
It works perfect.

But, I had to do a little change on your code

url('../images/style1/submenu_bg.png')...

PS: You can mark it as SOLVED