CSS响应式菜单 - 对

Question

我想将响应式菜单移到右侧。

这是一张图片来解释我想要的东西

和代码：

http://www.erce.xyz/css/imports/header.css

Answer 1

添加到＃primary-menu-trigger下一个样式：

left: auto;
right: 0;

由于＃primary-menu-trigger已经有position: absolute;，因此您的按钮位于右侧。

Answer 2

更改：

#primary-menu-trigger,
#page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

要

#primary-menu-trigger,
#page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    left auto;
    right 0;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

希望这有帮助，

添