Question

Добрый вечер,я хочу убрать точку над названием,она появляеться при наведении на меню,я хочу ее заменить на нижнюю полосу - > http://f3.s.qip.ru/PoBBoQqd.png .
Спасибо.

Answer 1

.main-menu .uMenuRoot > li > a:hover:before, .main-menu .uMenuRoot > li > a.uMenuItemA:before, .main-menu .uMenuRoot > .uWithSubmenu:hover > a:before {

    background-color: #FFFFFF;

    border-radius: 5px;

    content: "";

    display: block;

    height: 10px;

    left: 50%;

    margin-left: -5px;

    position: absolute;

    top: 10px;

    width: 10px;

}

выделенное красным замените на 

text-decoration: underline;

 

Comments

Либо вот так, в стилях строка номер 440:

.main-menu .uMenuRoot > li > a:hover:before,
.main-menu .uMenuRoot > li > a.uMenuItemA:before,
.main-menu .uMenuRoot > .uWithSubmenu:hover > a:before {
 position: absolute;
 top: 10px;
 left: 50%;
 display: block;
 margin-left: -5px;
 width: 10px;
 height: 10px;
 border-radius: 5px;
 -webkit-border-raduis:5px;
 -moz-border-radius:5px;
 background-color: #FFFFFF;
 content: '';
}

заменить на:

.main-menu .uMenuRoot > li > a:hover:before,
.main-menu .uMenuRoot > li > a.uMenuItemA:before,
.main-menu .uMenuRoot > .uWithSubmenu:hover > a:before {
 position: relative;
 top: 24px;
 left: 5%;
 width: 100%;
 display: block;
 margin-left: -5px;
 border-radius: 5px;
 border-bottom: 2px solid #fff;
 -webkit-border-raduis:5px;
 -moz-border-radius:5px;
 content: '';
}

будет лучше чем просто подчеркивание.