Hi,
My post seems to have disappeared.
I bought JUX CSS3 Mega Menu to replace an Ari Ext Menu by a responsive one.
My Ari Ext Menu was customized to:
- align the menu block on the left part of the content (wrapper)
- add a picture on the right side of the menu
- allow transparency for the drop down menu.
You can see the original menu here :
www.ordinal.fr
(css code for customizing below).
I tried to do the same customization with JUX CSS3 Megamenu but was not successful (
www.ordinal.fr/preprod
). Moreover the dropdown menu does not work.
Can you help me for the customization?
/* Original code for ari ext menu $/
.main_menu {
background-color: #f12525;
background-image :url(../images/COOX-logo-white-150.png) ; /* modifié le 1/11/16 */
background-repeat: no-repeat;
background-position: 99% 80%;
height:60px; /* 100px */
width:100%;
}
.main_menu .ux-menu-container {
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */;
border:none;
position:bottom;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
width: 1020px;
}
.main_menu UL.ux-menu LI A
{
font-family: Roboto condensed;
border-style: none !important;
background: none transparent !important;
}
.main_menu .ux-menu li li {
background: #000;
background: rgba(0,0,0,0.7);
line-height: 1.5em;
}