Vertical nav bar squishing text and has gaps.

[AtomicTEM]

[Jonius7]

Unusual, I cannot seem to replicate it.
Does it appear for a particular game or all games are like this?

[AtomicTEM]

All games. Btw I'm using Shiina theme.

[AtomicTEM]

Unusual, I cannot seem to replicate it. Does it appear for a particular game or all games are like this?

The issue still persists, but I found out that it only occurs when I launch steam on my 1440p monitor.

[AtomicTEM]

Or when I resize the window to be smaller then click back on the games, the vertical bar is fine, if I;m still on the game page then make steam fullscreen, no issue, but if in fullscreen I then click off then back on it breaks again.

[Jonius7]

So looks like an issue with the window/monitor being larger than 1080p, which I unfortunately can't test.

My guess is that some CSS class is kicking in and adding extra padding/margins, messing up the layout of the Nav Bar.

Mind having a look in -dev mode and seeing what's causing it? My video guide should tell you how to do so: https://youtu.be/7_3e9j8FFv8?t=645

[AtomicTEM]

By changing those values to zero seems to fix the issue,

[AtomicTEM]

This is what it looks like (not broken) on my 1080p screen

[Jonius7]

I put out a small update: top: 0px into the CSS in the hopes that it might fix it
04fcf46

[AtomicTEM]

The Vertical Bar is now fixed, but I just found out that some games now have 10 buttons
For Example Counter Strike Global Offensive. So the vertical bar box needs to be extended down by one again

[Jonius7]

vertical bar box needs to be extended down by one again

Do you mean the header needs to be extended down?

[AtomicTEM]

Yes.

[Jonius7]

I have adjusted the header height a little to accomodate a Vertical Nav Bar with 9 items (eg: CS:GO).
Actually, how do you get the 10th item, Controller Layout? Do you need to plug in a controller?

[AtomicTEM]

Yes you need to plug in a controller