[Resolved] Remove border on Off Canvas Mobile Menu

[Ian]

How do I remove the yellow border around the mobile menu?

[Leo]

Hi there,

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

[Ian]

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

[Leo]

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

[Ian]

It did not seem to work. Maybe cache.

[Ian]

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

[Leo]

No problem 🙂

[Author]

Posts