Jellyfin
reddit / selfhosted

----------------------------------------------------------------------
JoziCowboy · 2023-12-14 21:29

Hi. I'm really new to Jellyfin, but does anyone know how I could align
my tabs with the top bar (i.e. Home and Favorites in line with the
Jellyfin logo)?

This is how it is now:

[https://imgur.com/Rl9Oc6S](https://imgur.com/Rl9Oc6S)

And this is what I'm trying to achieve:

[https://imgur.com/dOM7F9l](https://imgur.com/dOM7F9l)

Any help would be greatly appreciated.

----------------------------------------------------------------------
Eisai_Kurosawa · 2023-12-14 21:41

Just make your browser window wider.

----------------------------------------------------------------------
JoziCowboy · 2023-12-15 07:55

Oh wow, that simple. And here I've been digging around Google for any
kind of custom CSS. Some days the brain just doesn't work. Thanks a
million for the response.

----------------------------------------------------------------------
Eisai_Kurosawa · 2023-12-15 08:56

You can also achieve that with custom CSS, by adding the following
line to settings> display> Custom CSS code
​
```
@media (max-width:100em){.headerTop{padding:.8em}.headerTabs{-webkit-
align-items:center;align-items:center;-webkit-align-self:center;align-
self:center;-webkit-justify-content:center;justify-
content:center;margin-top:-
4.3em;position:relative;width:auto}.libraryPage:not(.noSecondaryNavPag
e){padding-top:4.6em!important}.pageWithAbsoluteTabs:not(.noSecondaryN
avPage){padding-top:6.7em!important}.absolutePageTabContent{top:5.7em!
important}.dashboardDocument .mainDrawer-scrollContainer{margin-
top:4.65em!important}}.headerSelectedPlayer{max-width:10em;white-
space:nowrap}
```
But your top bar will remain a single row no matter what after doing
that.

----------------------------------------------------------------------
JoziCowboy · 2023-12-15 11:40

>Oh, brilliant. Thanks again for the help!