Umbraco - стартовый комплект Fanoe - Как сделать так, чтобы меню "гамбургер" появлялось вместо навигации на всех экранах?

Question

В соответствии с заголовком - с учетом начального набора Fanoe по умолчанию для Umbraco 7, каков наилучший / самый простой способ сделать так, чтобы меню "гамбургер" для навигации, которое появляется при просмотре на мобильном сайте, отображалось во всех версиях (то есть на рабочем столе) независимо от того, размера экрана?

(Этот стартовый комплект уже поставляется с логикой для минимального размера экрана = 992 и т. Д., Но я не могу заставить "тумблер" игнорировать размер экрана, но никогда не показываю текстовую навигацию, пока на тумблер не нажата!)

CSS, который поставляется с начальным набором, содержит свойства, аналогичные приведенным ниже:

@media (max-width: 992px) {

body {
    width: 100vw;
    overflow-x: hidden;
}

nav {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
    transition: -webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    text-align: center;
    position: absolute;
    top: 144px;
}

Отредактировано, чтобы добавить: я знаю о проблемах юзабилити "гамбургера"; для простоты я не упоминал об этом раньше, но на самом деле планирую заменить этот значок чем-то вроде "ОПЦИИ".

Answer 1

Удали это:

@media (min-width: 992px){
 #toggle {
    display: none; 
}}

Плюс клятва это:

`-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
opacity: 1;
transition: -webkit-transform 300ms ease-in-out, opacity 300ms ease-in-out;
transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
text-align: center;
position: absolute;
top: 144px;`

перейти в раздел без @media: