Question

我正在谈论的网站是：http://www.events.elenifrantzi.com/ 你可以看到第二级子菜单有两个问题。第一个是箭头（我无法摆脱它）第二个是第一级子菜单和第二级子菜单之间的距离。我找不到任何改变这两件事的东西......

菜单的css为：

/ * side-nav -------------------------------------------------- ------------------------------ * /

#avmenu {
clear: left;
float: left;
width: 70px;
margin: 0;
padding: 0;
font-size: 17px;
}

#avmenu ul {
list-style: none;
width: 70px;
margin: 0;
padding: 0;
}

#avmenu li {
list-style: none;
}

#avmenu li a {
font-weight: 300;
line-height: 1;
text-decoration: none;
color: #7b7b7b;
font-family: "Dosis", Arial, Helvetica, sans-serif;
font-size: 16px;
display: block;
padding: 11px 5px 11px 0;
border-bottom: 1px solid #2a2a2a;
}



#avmenu li#active a,
#avmenu a:hover {
color: #b1b1b1;
background: #1e1e1e;
}

/ *导航下拉菜单自定义 -------------------------------------------------- ------------------------------ * /

#wsite-menus .wsite-menu {
position: relative;
top: 0;
}

#wsite-menus .wsite-menu li a {
padding: 6px 5px 7px -25px;
width: 90px;
background: none;
border: none;
text-decoration: none;
font-family: "Dosis", Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
font-weight: 300;
color: #7b7b7b;
}

#wsite-menus .wsite-menu li a:hover {
color: #b1b1b1;
background: none;
}

和html：

<div id="main-wrap">
<div id="main">
<div id="avmenu">{menu}</div>
<div id="content">{content}
<div class="clear"></div>
</div>

请帮忙!!! 并提前谢谢

Answer 1

将子菜单宽度从200px改为100px（大多数数字都是硬编码的，所以我假设你不用担心长菜单条目）

#weebly-menus .weebly-menu li, #wsite-menus .wsite-menu li {
    ...
    width: 100px;
}

从HTML中删除wsite-menu-arrow，或者至少隐藏它

#wsite-menus .wsite-menu-arrow {
    display: none;
}

Answer 2

对于间距你可以尝试这个

.wsite-menu-wrap ul li div.wsite-menu-wrap { left: 111px !important; }

）

如何在weebly中删除二级菜单项中的箭头？

2 个答案: