Hello. Can you please tell me where in this block of CSS code is the drop-down menu described? Or rather, the menu of the 2nd level falls to the right, and it is necessary as well as the menu of the 1st level - down. With a little familiar with CSS. Huge please help. An example of the drop-down menu, you can see HERE

JS is not exactly connected to the menu.

/* Navigation */ #nav {} #navl {} #navr {height:40px; width: 990px; background:url(../images/mainmenu.png) 0 0 repeat-x; font-family: 'Terminal Dosis', sans-serif; margin-top: -4px;} #nav {z-index:10; position:relative;} #nav-left { float:left; width:120%;} #nav-right { float:right; width:20%} #nav ul {margin-left: 3px; padding:0; float:left;} #nav ul li {list-style:none;float:left;height:120%;position:relative; padding:0; margin:0;} #nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-decoration:none;font-size:14px;font-weight:normal;} #nav ul li.active {} #nav ul li.active a {background:#1994e2 url(../images/mainmenu-h.png) 0 0 repeat-x; -moz-border-radius: 5px; border-radius: 5px; color:#036D9E; text-shadow: #e1e1e1 0 1px; height: 30px; margin: 5px 0px 5px 1px; line-height: 30px;} #nav ul li:hover {} #nav ul li a:hover{ text-decoration:none; font-weight:normal; background:#1994e2 url(../images/mainmenu-h.png) 0 0 repeat-x; -moz-border-radius: 5px; border-radius: 5px; color:#036D9E; text-shadow: #e1e1e1 0 1px; height: 30px; margin: 5px 0px 5px 1px; line-height: 30px;} #nav ul li ul {position:absolute;width:280px;left:-999em;border-top:0; margin:0; padding:0;} #nav ul li:hover ul, #menu ul li.sfHover ul {left:0;} #nav ul li ul li {padding:0;height:auto;width:280px; margin:0 auto; border:none; text-align: left;} #nav ul li ul li:hover ul {left:280px; top:0} #nav ul li:hover ul li a {text-shadow:none;} #nav ul li:hover ul li { background:none;} #nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;} #nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;} #nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;} #nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}

    1 answer 1

    The following line is responsible for falling to the left: #nav ul li ul li: hover ul {left: 280px; top: 0}

    But changing it, you will not achieve anything, if you go to fall down, you need to rewrite a number of parameters.

    • H. shanhaichik. If not difficult, do not tell me what you need to specifically register? I apologize, of course, but I know CSS very badly. - jkwe45
    • Return to the site past menu to view. - shanhaichik
    • I returned everything, just considering other options ... There are no menu modules you need = ( - jkwe45
    • In your case, it's easier to write a style from scratch or to find a plugin like joomlan.ru/extensions-joomla/module/361-accordion-menu.html , than to change what you have. If you understand this badly, then it is better to order or ask someone to do what you need. - shanhaichik