Inconsistent media query on resonsive navigation leads to unexpected behaviour at breakpoint

Created on 12 May 2025, 4 days ago

Problem/Motivation

I get unexpected behaviour when resizing across breakpoint at 992px/62rem.
Issue seems to be that css/breakpoints/solo-global.....css files have @media (min-width:x) whereas css/breakpoints/solo-menu....css files have @media (max-width:x) which leaves the case of width=exactly breakpoint without matching stylesheets applied.

Steps to reproduce

Website breakpoint and breakpoint set to 992px.
Resize screen to exactly 992px width.
You get the website as if >992px and the menu as if <992px

Proposed resolution

Use either min-width or max-width consistently

Remaining tasks

User interface changes

API changes

Data model changes

💬 Support request
Status

Active

Version

1.0

Component

Code

Created by

🇬🇧United Kingdom brendanrjohn

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024