Using LESS for CSS compilation, I have encountered an issue with the media query in my code. Specifically, I am attempting to apply different styles for mobile devices but they are not being rendered as expected.
#main-wrap header #hdr-nav nav {
width: 60%;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
@media (max-width: 740px) {
#main-wrap header #hdr-nav nav {
padding: 0;
width: 100%;
}
}
You can view the live website here. It appears that the media query is not functioning correctly on this specific site, despite working correctly on other websites.