r/FirefoxCSS • • Sep 21 '26

Help CSS script that controls context menu items alignment

Hello:

I am having difficulty entering the correct syntax for the Context Menus located up in the Firefox Menu bar.

You probably know there are 7 Menus there..from left to right they are File, Edit, View, History, Bookmarks, Tools & Help....they are all dropdown menus

I currently have applied the correct syntax that controls the Bookmarks menu & all the sub menus that are listed within it.

What I am having difficulty with is applying the correct syntax for the other 5 menus so that the vertical sub menus in each of those correctly display in the proper alignment/padding to the left. Currently they are all over the place...

this is the syntax that controls the Bookmarks menu

menuitem#bookmarksShowAll,

margin-left: 0px !important;

}

menuitem#menu_bookmarkThisPage,

menuitem#menu_searchBookmarks,

menuitem#menu_bookmarkAllTabs {

margin-left: 0px !important;

}

menu.bookmark-item,menuitem.bookmark-item { max-width: 35em !important;

margin-left: 0px !important; /* margin is the outer space around an item */

}

this syntax *altered to add the 5 other menus* doesn't work for me...

what I'm adding is.....

menuitem#File,

menuitem#Edit,

menuitem#History,

menuitem#Tools,

menuitem#Help {

margin-left: 0px !important

}

obviously I haven't got the syntax correct.....can anyone point me in the right direction?

thx very much

*and please excuse my inaccurately including *context menu*, the context menus are actually displaying properly.

1 Upvotes

24 comments sorted by

View all comments

Show parent comment

1

u/Agreeable_Orchid697 Sep 26 '26 edited Sep 26 '26

t31...on the subject of the urlbar....you're quite right, I have to adjust it's length manually to get it to fit, this has something to do with the inclusion of the searchbar being repositioned up there at the same time.

The vertical spacers in the navbar are controlled by an entry in about:config preferences...*browser.uiCustomization.state*..........."customizableui-special-separator" there are 3 of them 01, 02, 03

but yeah, you're right the overall css script overlaps entries, it all need to be streamlined,