#Resolved# Remove Vivaldi Menu Button expand arrow don#t work with Vivaldi 6.2

[stardepp]

/* Remove Vivaldi Menu Button expand arrow. */
#browser:has(.vivaldi-v) {--menuWidth: 34px;}
.vivaldi .expand-arrow {display: none;}

Unfortunately this .css mod does not work anymore.

[Pathduck]

@stardepp Works For Me

In fact that looks exactly like my code, except I use a menuWidth of 26px.

[stardepp]

@Pathduck This is how it looks to me. Everything right?

[Pathduck]

@stardepp Yes, but I can't know what you've done wrong. I don't see the rest of the file or what other CSS mods you have installed that might mess stuff up.

Could be as simple as a non-terminated comment in the CSS file.

Use a proper editor with syntax highlighting, maybe you can see the error. Please don't use Notepad for CSS... and don't make screenshots of plain text that can be pasted as code. And that's a terrible font for code editing.

Or use the UI inspector to figure out where it breaks:
https://forum.vivaldi.net/topic/16684/inspecting-the-vivaldi-ui-with-devtools

[stardepp]

@Pathduck I restored a backup and now it works again.

[Pathduck]

@stardepp Great, backups are always a good idea and timesaver

Now - do a diff between the backup and the messed up files, you might find the error

[Pesala]

I get a good result with 30pix for the menu width.

/* Remove Vivaldi Menu Button expand arrow. */
#browser:has(.vivaldi-v) {--menuWidth: 30px;}
.vivaldi .expand-arrow {display: none;}

[Pathduck]

@Pesala Yeah, it's not the most elegant solution, since it overrides the global menuWidth variable and might cause issues other places. That said I've not seen any issues with it so it's probably no used a lot in the UI elsewhere.

The alternative would be to change the left padding for the tabs themselves but figured this was a lot cleaner

[Hadden89]

@Pathduck said in #Resolved# Remove Vivaldi Menu Button expand arrow don#t work with Vivaldi 6.2:

so it's probably no used a lot in the UI elsewhere

Not yet...