changing menu mobile collapse point

  • We need to change the collapse point for the menus from 720px to 960px and have accordingly modified in the style sheet of our child theme the @media only break points. Between 720px to 960px, the nav-toggle icons show but do not respond to clicks to show the menus. The nav-header is showing both the nav-toggle icon and the desktop text menu at the same time. We looked and looked at our css and webpage inspector and could not find where we have done wrong. What have we been missing? You can see a sample page here: https://www.teaguardian.com/quality-varieties/blends-single-origins-single-harvests/

Viewing 2 replies - 16 through 17 (of 17 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay I’ll admit that I haven’t thoroughly read each post here, but instead of modifying the parent stylesheet or overriding it in your Child Theme, can you not just dequeue that parent stylesheet and load your own?

    The best way to do it would be to override it in your child theme but it’s not working. I guess the lower breakpoint in the parent css takes precedence over the higher breakpoint in your child css. The menu is broken and all messed up when you try to change the queries in your child css.

    You could dequeue the entire parent stylesheet and copy over everything into your child theme stylesheet, that’s definitely an option.

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘changing menu mobile collapse point’ is closed to new replies.