Remove mobile menu underline whilst using flex animation

In this article, you’ll learn how to remove that strange mobile menu underline whilst using flex animation - no fluff, just what you need to know. If you find the article useful, feel free to share it with the world using the social sharing icons on this page. Thank you!

---

1. Why use this code?

Flex animation on Squarespace is by far the best native option they offer. But it does create some strange glitches. Chief amongst them being the strange strikethrough effect on the mobile navigation menu. See below for en example of the pesky little blighter.

---

📩 Join the inner circle to get exclusive code updates

---

2. The code

Paste where? Design > Custom CSS

// Get rid of stupid line on mobile menu //

.header-menu-nav-item *{

background-image: none !important

}

---

3. Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?