Skip to content

Commit 558b158

Browse files
committed
Adjust mobile breakpoint to <768px
Treat 768px as non-mobile by changing the mobile detection from <= 768 to < 768. This aligns the JS breakpoint with expected CSS/UX breakpoints so devices at exactly 768px are handled as desktop and will close the mobile menu.
1 parent 3ec2e5f commit 558b158

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

components/AppNavbar.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ function onKeydown(e: KeyboardEvent) {
119119
120120
function syncMobileView() {
121121
if (typeof window === 'undefined') return
122-
isMobileView.value = window.innerWidth <= 768
122+
isMobileView.value = window.innerWidth < 768
123123
if (!isMobileView.value) {
124124
mobileMenuOpen.value = false
125125
}

0 commit comments

Comments
 (0)