Hide the Title in the Titlebar [solved]

maximwaldow

As I prefer the monkish minimalist style I want to reduce all the - in my view - overfluent clutter .
I can see the title of a tab on the tab title so I don't need the Title in the Titlebar.

I've tried a bit of the code below in common.css which I copied from
https://forum.vivaldi.net/topic/7105/hide-title-bar/25?lang=en-US&page=2

/* OVERRIDE */
#titlebar {
display: none !important;
}

This way the title is hidden. Unfortunately the Vivaldi button as well as minimize, maximize and exit buttons (don't know how they are called) are missing.

The menu I can reach via ALT. But not the other items.

What can I do to hide the title but keep the buttons?

This doesn't work either (posted by LonM):

.horizontal-menu-pagetitle {
visibility: hidden;
}

A Former User

Do you mean this? Or do you want to keep the bar but just remove the text?

maximwaldow

I'd like to get rid of the title. So keep the bar and remove the text.
I've tried some css removing the titlebar already which did not work as the buttons were lost. So I'd be satisfied if at least the text is hidden.

Pathduck

@maximwaldow You could get rid of the whole header for max minimalism using:

#header {
    display: none;
}

You could still access the button options using the good ol' Alt+Space combo.

Or for just the title:

#titlebar #pagetitle {
    display: none;
}

Edit: Also the extra bar even showing is caused by you having a mod to place the tabs below the address bar, which can't be done without showing the title bar.

maximwaldow

@potmeklecbohdan
Thank you so much. This is the first time one of the titlebar css worked as desired.
This is more as I've dared to hope. the buttons seem to work, I'll test a bit more.

So here's the code of sjudenim or luetage. I haven't understood who made this originally.

/* Remove header */
#header {
    min-height: 0;
    z-index: auto;
}

/* Keep Vivaldi menu button + Window buttons */
.vivaldi,
.window-buttongroup {
    z-index: 999;
}

/* Vivaldi menu button position */
.vivaldi {
    position: relative !important;
    top: 7px !important;
}

/* Keep horizontal menu */
.topmenu {
    position: absolute;
}

/* Horizontal menu position */
.topmenu>nav {
    left: -28px;
    top: 4px;
}

/* Positioning and sizing of Address and Bookmarks bars */
.horizontal-menu .toolbar.toolbar-addressbar {
    padding: 0 150px 0 269px !important;
}

.toolbar.toolbar-addressbar {
    padding: 0 150px 0 50px !important;
    height: 36px;
}

.bookmark-bar {
    margin-bottom: 0;
}

maximwaldow

@Pathduck
Thank you as well. I'll give this a shot later.

maximwaldow

@potmeklecbohdan
Unfortunately I cannot move the window anymore while holding left click.
This is a problem.

Pathduck

@maximwaldow Alt+Space, M --> Move window with cursor keys

maximwaldow

@Pathduck said in Hide the Title in the Titlebar [solved]:

@maximwaldow Alt+Space, M --> Move window with cursor keys

I'm learning a lot here. Yes, great, that works. As soon I used Alt+Space and a cursor key the mouse sticks to the window and I can move it around.

Just tried your code:

#titlebar #pagetitle {
    display: none;
}

This is minimalist and clear and mouse moving and everything seems to work. I like it.
I'll keep this for a trial. I move around windows a lot and don't like to use keyboard shortcuts that much. The other mod looks a bit overloaded having all the icons in one bar.

jugami

-

Extensions and window buttons mingled with each other. Who knows how to solve this problem?

veadar.kin

@jugami change "padding-right" where merged div class (named "UrlBar toolbard ..." etc).

Something like

.UrlBar
{
padding-right: 200px;
}

jugami

@veadar-kin Thank you! This is works!

kliffkuo

I use this CSS showing Vivaldi button is normal but change to Horizontal the menu will disappear.

/* Remove header */

#header {
    min-height: 0;
    z-index: auto;
}


/* Keep Vivaldi menu button + Window buttons */

.vivaldi,
.window-buttongroup {
    z-index: 999;
}


/* Vivaldi menu button position */

.vivaldi {
    position: relative !important;
    top: 3px !important;
}


/* Keep horizontal menu */
.topmenu {
    position: absolute;
}

/* Horizontal menu position */
.topmenu>nav {
    left: -28px;
    top: 4px;
}


/* Positioning and sizing of Address and Bookmarks bars */

.horizontal-menu .toolbar.toolbar-addressbar {
    padding: 0 150px 0 269px !important;
}

.toolbar.toolbar-addressbar {
    padding: 0 150px 0 50px !important;
    height: 36px;
}

.bookmark-bar {
    margin-bottom: 0;
}

.UrlBar {
    padding-left: 40px;
    padding-right: 140px;
}