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.

Framework for designing a perfect homepage

Want a framework for designing the perfect homepage?

2. The code

Paste where? Design > Custom CSS

 

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

.header-menu-nav-item *{

background-image: none !important

}

Schedule for guidelines from a expert web designer

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

Remove newsletter block header padding

Next
Next

Add interactive particles to sections on Squarespace