kirascolaire on "Mobile Menu"

Hello,

I have a menu on my website () that I want to hide in mobile view.
I've tried several command such as
@media (max-width: 767px)
select.mobileMenu {
width: 100%;
display: hide;

But no success. In chrome, it seems that the code is overtaken by element.style and I can't find the css for mobile menu...

My website is http://kirasco.com

Hi kirascolaire!

It looks like the rule you are using is not correct. Try to use this and let me know if this works. If you copy and paste media queries from chrome it doesn't inlcude the ' { '. If this doesn't work try adding !important after display: none. Hopefully this works!

@media (max-width: 767px) {
select.mobileMenu {
display: none;
}

I added the rules in style.css, but it has no effect. I've checked in Chrome console and it seems that element.style is overriding style.css lines... for some strange reason.