Remove border on Off Canvas Mobile Menu

Hi there,

Make your CSS desktop only:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

Hi Leo,

I like the mobile responsive menu, I just want to remove the border as shown in the video below.

https://www.loom.com/share/3ecd6ad4f67c4d34909553db55aa6d5d

Cheers,
Ian

Currently you are using this CSS for the bottom border:

.main-navigation ul {
    border-bottom: 1px solid #ffc43d;
}

You can wrap it in media query like this so it only applies to desktop:

@media (min-width: 769px) {
    .main-navigation ul {
        border-bottom: 1px solid #ffc43d;
    }
}

It did not seem to work. Maybe cache.

It was a cache issue and it did work. Thank you!

No problem :)