Mobile Menu

  • Resolved kirascolaire

    (@kirascolaire)


    9 years, 7 months ago

    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…

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter kirascolaire

    (@kirascolaire)

    9 years, 7 months ago

    My website is http://kirasco.com

    bdanzer29

    (@bdanzer29)

    9 years, 7 months ago

    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;
}

    Thread Starter kirascolaire

    (@kirascolaire)

    9 years, 7 months ago

    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.

    bdanzer29

    (@bdanzer29)

    9 years, 7 months ago

    Did you not try adding the !important that I mentioned?

    Thread Starter kirascolaire

    (@kirascolaire)

    9 years, 7 months ago

    Thanks a lot! it worked 😀

    Did you not try adding the !important that I mentioned?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Mobile Menu’ is closed to new replies.