How do I hide page titles from the address bar?

UnderTheRated

I've just updated to 6.8.3381.44 and I find the page titles being displayed when searching for something a bit annoying, is there any way to make it so they don't display or so they display after the url so it's not cut off?

yojimbo274064400

See suggestion here Page Title Displayed in Address Bar When Entering URL | Vivaldi Forum

fifonik

I do not like the page title at the beginning also (url used to be there before).
So I've fixed it with custom css:

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) {
	grid-template-columns: [Favicon] var(--favicon-width) [DisplayUrl] 40% [DisplayText] auto [Badge] 1fr [Erase] auto;
}

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) > .OmniLinkItem-Favicon {
	order: 1;
}

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) > .OmniLinkItem-DisplayUrl {
	order: 2;
}

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) > .OmniLinkItem-DisplayText {
	order: 3;
}

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) > .OmniLinkItem-EraseButton,
.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) > .OmniLinkItem-TabSwitchLabel {
	order: 4;
}

I have not tested it carefully, so some issues are very possible.

Miramise

@fifonik It work perfectly to move the title, thank you for that! I was able to completely hide the title using "display: none;" right after "order: 3;"

fifonik

@Miramise My goal was to have the search dropdown that work as in previous versions. To hide the title from the dropdown completely the code can be simplified (I have not tested it):

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) {
	grid-template-columns: [Favicon] var(--favicon-width) [DisplayUrl] auto [Badge] 1fr [Erase] auto;
}

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly) > .OmniLinkItem-DisplayText {
	display: none;
}

yablos

@fifonik Thanks, thats it.

The new version 6.8 makes it extremely unproductive. For what is 50 times repeated "site title" instead of distinguished url....

Better option to satisfy all, would by react to existing option:

casuel users: Has "show full address" disabled = so title is enought for them
heavy users: Has "show full address" enabled = so title is useless at first place

yablos

After update to version 7.2, some changes need to be done. Leave at styles only this one fore removing title:

.OmniDropdown-Collection > .OmniLinkItem:not(.OmniLinkItem--DisplayTextOnly):not([data-url=""]) > .OmniLinkItem-DisplayText > .displayTitle {
	display: none;
}

fifonik

This is my updated version for 7.2 where title displayed after url (but still displayed).
Unfortunately, I fixed width used in the styles (I have not fould a way to use percentage there), so you may need to adjust if for your case.

.OmniDropdown-Collection > .OmniLinkItem:has(.OmniLinkItem-DisplayText > .displayUrl) > .OmniLinkItem-DisplayText {
	direction: rtl;
}

.OmniDropdown-Collection > .OmniLinkItem:has(.OmniLinkItem-DisplayText > .displayUrl) > .OmniLinkItem-DisplayText > * {
	direction: ltr;
}

/* remove width restriction from title and allow it to shrink/grow */
.OmniDropdown-Collection > .OmniLinkItem:has(.OmniLinkItem-DisplayText > .displayUrl) > .OmniLinkItem-DisplayText > .displayTitle {
	flex: 1 1 auto;
	max-width: initial;
}

/* not displaying the silly <span>-<span> */
.OmniDropdown-Collection > .OmniLinkItem:has(.OmniLinkItem-DisplayText > .displayUrl) > .OmniLinkItem-DisplayText > .displayTitle + span {
	display: none;
}

/* prevent url to shrink/grow and fixing its width */
.OmniDropdown-Collection > .OmniLinkItem:has(.OmniLinkItem-DisplayText > .displayUrl) > .OmniLinkItem-DisplayText > .displayUrl {
	flex: 0 0 auto;
	width: 450px;
}

It looks like this: