We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

how can i remove the show history button/arrow on the adressbar?

protojunk
protojunk
more options

i don't want that button, I've already managed to remove the 3 dots page actions button near it using userChrome.css code but I've found no code for this one

i don't want that button, I've already managed to remove the 3 dots page actions button near it using userChrome.css code but I've found no code for this one
Attached screenshots

All Replies (2)

Danny Colin
Danny Colin
more options

protojunk said

how can i remove the show history button/arrow on the adressbar?

Are you referring to the forward and back arrow? If yes, you can add the following code snippet to your userChrome.css:

#back-button, #forward-button { display: none; }

Note: Keep in mind that userChrome.css isn't officially supported and that it can break when you update to a newer Firefox version.

Modified by Danny Colin

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

I think it's this one:

<xul:image anonid="historydropmarker" class="urlbar-history-dropmarker urlbar-icon chromeclass-toolbar-additional" tooltiptext="Show history"/>

You could try: 

#urlbar .urlbar-history-dropmarker {
  display: none !important;
}

By the way, what is your rule for the Page Actions menu button? It seems to have left a large gap. If you are using visibility: hidden that doesn't collapse the space an element occupies. You can instead use visibility: collapse or display: none to recover that space.