How do you change the break point for the mobile nav using a twentytwentyone chi

  • I created a child theme for the new twentytwentyone theme and I was able to change cosmetics through the child theme’s css, but I can’t figure out how to change the break point for the mobile nav. I prefer not to use a premium plugin for this project. Does anyone have a method for this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter wjgoodman

    (@wjgoodman)

    Thanks Oliver.
    I tried your code from this page within a media query…

    It works great in Chrome, but when I tested it on Safari, the navigation displays strange on resize and corrects on reload.

    It seems that if I remove the fixed position it works correctly in Safari:

    `.primary-navigation-open .primary-navigation {
    width: 100%;
    position: fixed;
    }

    • This reply was modified 3 years, 9 months ago by wjgoodman.

    Like I said, it’s not straight forward ??

    Glad you got it working in Safari.

    Oliver

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do you change the break point for the mobile nav using a twentytwentyone chi’ is closed to new replies.