Mobile Menu

  • Resolved kirascolaire

    (@kirascolaire)


    8 years, 6 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)

    My website is https://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;
}

    Thread Starter kirascolaire

    (@kirascolaire)

    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.

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

    Thread Starter kirascolaire

    (@kirascolaire)

    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.