css - 链接彼此相邻-CSS移动样式

我的链接在我的默认CSS中垂直堆叠，但是我试图将导航推到页面顶部并在移动设备中水平放置它们。似乎无法实现。
该站点位于WordPress中，这使得确定元素名称变得困难。

#sidebaar a, #sidebaar li {
text-align:right;
clear:both;

}

#sidebaar{
width:150px;
text-align, right;
align-content:right;
display:inline-block;
width:100%;

}

在媒体风格中：

 #sidebaar a, #sidebaar ul li, #sidebaar ul li a{
display:inline;
clear:none;

} #sidebaar{
    width:100%;
}

我的网站可以在这里查看-http://www.ubart320.org/students/mariaroo/gallery/

最佳答案

您的header和nav元素同时包含（以不同的规则）width和max-width的定义，即最大宽度为150px，宽度为160 / 360px，这会阻止菜单变宽。

您必须同时定义width: 100%;和max-width: none;，如有必要，请添加!important to those values

关于css - 链接彼此相邻-CSS移动样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43483892/