An element should disappear entirely on smaller screens.
⚡ Quick Fix (TL;DR)
The Culprit: An element that makes sense on desktop can be unnecessary or cluttered on a narrow mobile screen.
The Fix: Hide the element once the viewport narrows past a set breakpoint. Every page on this site uses 600px as the standard mobile breakpoint – matching that consistently avoids a component behaving differently from everything else.
@media (max-width: 600px) {
.example { display: none; }
}
Rather not untangle this yourself? Our Done-For-You team handles exactly this kind of thing, start to finish.
See DFY options →
Was this helpful?
Thanks for the feedback!
Tagged in :