edit megamenu costum css

gero_felix

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

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%;
} }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gero_felix

Everything works great! Thank you very much!