Mega menu certain size all the time

Megamack · November 2016

Hi I would like to have the mega menu certain with and height when it opens. Like this one https://www.raven.nl/

Then I would like apply a background thet is exactly the size as the menu width.

When a user hovers it will open a 1190 x 400px area with all links.

Is this possible and thanks.

Megamack · November 2016

This is how the menu looks like. I got hte height set witt css but the background image is not aligned upper rigth corner. Seems like it starts form the second row and second column.

Megamack · November 2016

Now I got the menu items right and the backgrund starts where my 4 columns end.

I would like to have it top left corner so it will be under all links.

Albert · November 2016

Hi,

please send us link where you got this Mega Menu so we can have a look on it closer first.

Thanks!

Megamack · December 2016

http://yyteri.scenegroup.fi/~sg1035/

password:svk2016

If I click a link in the mega menu the next time the menu opens it gets cut. Do you know why?

Albert · December 2016

Thanks, we did checked but we didn't noticed any cut menu. It looks fine.

Megamack · December 2016

If you click for example kilpailut the next time the menu will be shorter.

It doesnot happen all the time but after you click the links the problem appears.

How would i do to set a full mega menu width background that has a certain height?

Albert · December 2016

Ok, got it. The problem is that you do not have any content and that's why mega menu is cut. And to display complete menu, you need to use the following css:

#Content {
    min-height: 250px;
}

Megamack · December 2016

Thanks cut menu problem solved.

How could I add a background to all my linka that is as wide as the menu?

Albert · December 2016

Please show us on the screenshot how you want to add this background exactly.

Megamack · December 2016

http://yyteri.scenegroup.fi/~sg1035/demo.png

Transparent image in the background.

Albert · December 2016

Ok, so to put this background thagt way, you need to use the following css:

#Top_bar .menu > li > ul.mfn-megamenu { background: url('Path-To-Background') !important; }
#Top_bar .menu > li ul { background-color: transparent !important; }

Megamack · December 2016

Thanks solved the problem. How can i add a minimum height for the mega menu when it opens?

Albert · December 2016

We are sorry but we do not have anything like minimum height for mega menu unfortunately.

Megamack · December 2016

Ok. Thanks again.

Mega menu certain size all the time

Comments