CSS отзывчивое меню - правое

Question

Я хочу переместить отзывчивое меню вправо.

Вот изображение, чтобы объяснить, что я хочу

и код:

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

Answer 1

Добавить в # первичного меню запуска следующих стилей:

left: auto; 
right: 0; 

Как # первичное меню -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; 
} 

To:

#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; 
} 

Надеется, что это помогает,

Tim