如何让我的下拉菜单更宽广?

时间:2016-05-02 18:48:24

标签: css wordpress menu dropdown

我使用的是archi wordpress主题,这是一个很棒的主题。 我正在寻找如何使下拉菜单宽度更宽,所以我的文字在1行而不是2行。

我的网站:http://cobbys.gentwijzer.be/fabrieksverkoop/

例如菜单项:Stoffen,下拉是可以的,除了" brandvertragende stoffen" 。如何增加下拉列表的宽度,使其在1行上。

谢谢

2 个答案:

答案 0 :(得分:1)

我会改变:

#mainmenu li ul {
    width: 200px;
}
#mainmenu li li a {
    width: 200px;
}

#mainmenu li ul {
    width: auto;
}
#mainmenu li li a {
    width: auto;
    white-space: nowrap;
}

使用width: auto将允许下拉列表的ul根据需要增长,并且不会卡住为所有下拉列表指定通用宽度或为每个下拉列表手动设置特定宽度。

当没有足够的空间时,

white-space: nowrap;会阻止文本换行到新行。

答案 1 :(得分:0)

if (something) { insertBefore(foo, bar); } else { insertAfter(foo, bar); } 的{​​{1}}设置为您想要的(例如300px)和width使用#mainmenu li ul