The toggle works when i remove (min-width: 1890px) to 1px can anyone help please.
here is the image https://www.dropbox.com/s/csuutblhggkqpo2/Mobile%20toggle%20not%20working.PNG?dl=0 as you can see the media query for mobile is not working correct as the normal site is working ok airacom.com
–
////////////////////////////////////////////////////////////////////////////////
/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {
.nav > li > a > img {
position: relative;
left: -132px;
top: -1px;
}
/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media
only screen and (min-width: 1890px) and (max-width: 2529px) {
/* Login */
#t3-mainnav > div > div > div.nav-collapse.collapse.always-show > div > ul > li:nth-child(8) > a{
color: white;
background: url("http://www.airacom.com/images/Menu/login.png") #0b89b0;
background-repeat: no-repeat;
background-position: 7px 29px;
left: 398px;
width: 75px;
padding: 6px 28px;
height: 62px;
font-size: 12px;
position: relative;
}
/* Register */
#t3-mainnav > div > div > div.nav-collapse.collapse.always-show > div > ul > li:nth-child(9) > a{
background: url("http://www.airacom.com/images/Menu/register.png") #0b89b0;
background-repeat: no-repeat;
color: white;
background-position: 5px 27px;
padding: 4px 31px;
height: 61px;
font-size: 12px;
