Fix navbar alignment on mobile devices #102

New Issue

2026-06-02T13:22:12+02:00

johannes.vos commented

2026-06-02 13:22:12 +02:00

Problem

The navbar content is not justified correctly when the responsive design is used. (Here: iPhone 12)

Solution approach

Increase the navbar horizontal padding

## Problem The navbar content is not justified correctly when the responsive design is used. (Here: iPhone 12) ## Solution approach Increase the navbar horizontal padding

IMG_7297.jpeg

16 KiB

johannes.vos added this to the testing-ready milestone 2026-06-02 13:22:12 +02:00

johannes.vos added the Area/Search Results

Priority

Low

4

Kind/Bug labels 2026-06-02 13:22:12 +02:00

johannes.vos added this to the Project Board project 2026-06-02 13:22:12 +02:00

johannes.vos changed title from ~~Move dark light model to same vertical high if screen is small~~ to Fix Dark/Light Toggle Alignment on Mobile Devices

2026-06-02 13:24:14 +02:00

jakob.scheid changed title from ~~Fix Dark/Light Toggle Alignment on Mobile Devices~~ to Fix color scheme button alignment on mobile devices

2026-06-02 13:55:01 +02:00

jakob.scheid commented

2026-06-02 13:57:51 +02:00

We should move the logo slightly to the left too. I suggest doing that by simply reducing the navbar horizontal padding on small screens (less than 768px, but we use 48rem (these two are equal due to the font size) because it is possible to increase the text size in some browsers which is almost the same as reducing the viewport width).

We should move the logo slightly to the left too. I suggest doing that by simply reducing the navbar horizontal padding on small screens (less than `768px`, but we use `48rem` (these two are equal due to the font size) because it is possible to increase the text size in some browsers which is almost the same as reducing the viewport width).