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

Created on 12 May 2025, 26 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