CSS Changes

Add a new media query above existing media query in AMM CSS file.

New media query

@media only screen and (min-width: 0px) and (max-width: 60000px) {
.p7AMM.amm-responsive li {
max-height: none;
}
.amm-toolbar {
display: block !important;
position: fixed;
z-index: 901;
top: 10px;
right: 5px;
}
.p7AMM.amm-responsive .amm-toolbar a {
display: block !important;
padding: 0px 10px;
line-height: 2.5rem;
font-size: 2.5rem;
background-color: #181818;
border-radius: 5px;
color: #FFF;
text-decoration: none;
}
.p7AMM.amm-responsive .amm-toolbar a:hover {opacity: 1;}

.p7AMM.amm-responsive ul.closed {
visibility: hidden;
height: 0px;
}
.p7AMM.amm-responsive ul.opened {
visibility: visible;
height: auto;
}
.p7AMM.amm-responsive ul li {
transition: transform ease-in 1s;
}
.p7AMM.amm-responsive ul.closed li {
transform: translateY(-100%);
}
.p7AMM.amm-responsive ul.opened li {
transform: translateY(0%);
}
}

Existing Media Query

@media only screen and (min-width: 0px) and (max-width: 600px) {
.p7AMM.amm-responsive {padding: 0px !important;}
.p7AMM.amm-fixed {
max-height: 100% !important;
overflow-y: auto;
}
.p7AMM.amm-responsive li {
text-align: left !important;
display: block;
max-height: 700777px;
}
.p7AMM.amm-responsive.amm-pointer ul ul:after {display: none !important;}
.p7AMM.amm-responsive ul ul {
width: 100%;
min-width: 0px;
margin: 0px !important;
position: relative !important;
}
.p7AMM.amm-responsive ul,
.p7AMM.amm-responsive a {border-radius: 0px !important;}
.p7AMM.amm-responsive .amm-toolbar {
display: block;
text-align: right;
margin: 0px 0px;
padding: 0px 10px;
background-color: #151515;
color: #FFF !important;
}
.p7AMM.amm-responsive .amm-toolbar a {
display: inline-block;
text-decoration: none;
font-size: 2rem;
color: #FFF;
opacity: 0.7;
}
.p7AMM.amm-responsive .amm-toolbar a:hover {opacity: 1;}
.p7AMM.amm-responsive ul.closed {display: none;}
.p7AMM.amm-responsive ul.opened {display: block;}
.p7AMM.amm-responsive li.amm-more {display: none !important;}
.p7AMM.amm-responsive li.amm-root-moved {
position: relative !important;
top: 0px !important;
left: 0px !important;
}
}

 

That's it.