edit megamenu costum css

gero_felix · April 2017

Hello,

first of all I would like to say thank you to your great theme and to the great support you give !!!

Now here is my question:
I used the following costum css to edit the menu of this site: http://landstrich.eu/

#Top_bar .logo { display: none; }

.header-fixed #Top_bar { box-shadow: 0 0 0 0 !important; }

#Top_bar .menu li ul { display: block !important; }

#Top_bar .menu li ul li { font-size: 12px; font-family: "Anton"}

#Top_bar .menu li ul { top: 60% !important; }

#Top_bar .menu > li ul { background-color: rgba(0,0,0,0) !important; }

#Top_bar .menu > li ul { box-shadow: 0 0 0 0 !important; }

For I am not really good in these things I still have some more things I would like to change but don´t get it :-)

1. is it possible to remove the grey horizontal lines above and below the mega menu?

2. is it possible to align the menu items to the left or at least remove the wide space between them so that it better fits to the main menu?

3. how can i change the menu items of the megamenu to lowercase?

4. when i hover over the menu the megamenu always disappears for a second or even less. is it possible to make it be there permanently?

thank you very much!

Gero

Bryan · April 2017

Hi,

This is the css for 1,2 and 3.

4. The problem is with your css, we do not know why it happens but it lies in the custom css/

#Top_bar .menu li ul {
	background-image:none !important;
}
#Top_bar .menu li ul li a { 
	border-bottom:none !important;
	text-transform:lowercase !important;
}
@media only screen and (min-width: 1240px){
#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 {
    width: 12%;
} }

gero_felix · April 2017

Everything works great! Thank you very much!

edit megamenu costum css

Comments