html - CSS & HTML : Clutter elements when change floating

Question

我尝试编辑 this web template并将其更改为从右到左。所以我将标题元素(例如品牌和导航)的 float 更改为相反，并且出现了一个大问题，浪费了我很多时间。在小屏幕下拉菜单中，原始模板如下: 但我的模板是: and this is online link of edited template太令人困惑了，我什至在 JS 中更改了很多元素，但没有结果。我该如何解决这个问题。

Answer 1

使用 CSS 规则:

@media (max-width:600px)
{.nav li {position:relative; display:block;width:100%!important}
}

当屏幕宽度小于或等于 600px 时: enter image description here

并且，要更改导航按钮，请将其从上一级移动到导航元素