Changing/hiding the hamburger button icon in Firefox

[LuvKomputrs]

@Mory
Took a look at your image and after some thought came up with an idea that might help.
Perhaps increasing the size of the icon image a little bit is the answer.

After increasing my black cat icon image from 24px to 28px.
My black cat icon image is precisely 28 x 28px.

Code: Select all

#PanelUI-menu-button 
{
    list-style-image: none !important;
    background: transparent url("blkcatsitting.png") no-repeat  !    important;
    background-size: 28px !important;
}

The result:
https://s8.postimg.org/5cgk8orud/UI-men ... mputrs.png

Note that the black cat icon is now 28px in size.
Used Gimp2 to scale the image size to 28 x 28px.
Hope this helps you and Happy userChrome.css tweaking!

[LuvKomputrs]

@Mory
Also, I do like how this looks. Very nice!
http://pix.toile-libre.org/upload/origi ... 433766.jpg
And perhaps moving those icons below the That might also help.

I also noted that the is 19 x 20px in size.
Try setting the image size to 20 x 20px to enlarge it just a little bit.
Or scale the image to 24 x 24px with Gimp2 or other image editing software that you might use.

Again, hopes this helps you and Happy userChrome.css tweaking!

[BuddhaNature]

With respect to moving the "hamburger" button to the left side I found the following thread provides a solution: Moving Menu Button w/o Addons

The poster there, the-edmeister, says that the code he provides should be put in a userContent.css file. I have no idea what such a file is. However, I tried the code he supplies in my userChrome.css file and the "hamburger" button moved to the left.

[LuvKomputrs]

@BuddhaNature took a look at that thread too that you mentioned also.

What userContent.css is look at this link http://kb.mozillazine.org/UserContent.css

[Frank Lion]

...and the "hamburger" button moved to the right.

Try this in userChrome.css below the namespace line -

Code: Select all

/*Franks Hamburger on Left...*/
#PanelUI-button {
  -moz-box-ordinal-group: 0 !important; }

[LuvKomputrs]

Code: Select all

/*Franks Hamburger on Left...*/
#PanelUI-button {
  -moz-box-ordinal-group: 0 !important; }

Thanks very much for posting that Frank!
Do you know what to add to that code to make the hamburger icon move wherever you want it to be?

Also came across this code:

Code: Select all

/*
 * Move the hamburger menu to the top left, before the first tab
 *
 * Contributor(s): Alex Vallat
 */

#PanelUI-button {
  -moz-box-ordinal-group: 0;
  border-left: none !important;
  position: absolute;
}

:root[uidensity=compact] #PanelUI-button {
  margin-top: -28px;
}

#PanelUI-button {
  margin-top: -30px;
}

:root[uidensity=touch] #PanelUI-button {
  margin-top: -36px;
}

#TabsToolbar {
  /* Ensure the padding is always present even when maximized */
  padding-inline-start: 40px !important;
}

I want to modify it so that the icon appears right before the address bar on the left.
Tried modifying it, but, I still can't get the dang thing exactly where I want it.
Can't figure out what I am missing. Any ideas?
Thanks!

[BuddhaNature]

My mistake I wrote "... moved to the right." Should have wrote "... moved to the left." (Have corrected it now.)

In any case, I think yours the better code, Frank. The same thing achieved with markedly less code.

Kind of wondering now, on that other thread the suggestion seems to be that Mozilla is getting ready to pull the plug on xul (whatever that is) - which seems to suggest that userChrome.css files might be made redundant. So recent discoverers of userChrome.css look like they might lose their new toy - and hence, to some extent, control over parts of the browser. Dang!

[Frank Lion]

In any case, I think yours the better code, Frank. The same thing achieved with markedly less code

Well, concise code is always the best. However, in fairness to Ed, half of his code related to CTR stuff and also you used to have to move the panel dropdown over as well. These days, move the button and the whole lot comes with it.

[LuvKomputrs]

My mistake I wrote "... move to the right." Should have wrote "... moved to the left." (Have corrected it now.)
In any case, I think yours the better code, Frank. The same thing achieved with markedly less code.

Also agree that's the better code too and also really like that the same thing can be achieved with markedly less code.

Kind of wondering now, on that other thread the suggestion seems to be that Mozilla is getting ready to pull the plug on xul (whatever that is) - which seems to suggest that userChrome.css files might be made redundant. So recent discoverers of userChrome.css look like they might lose their new toy - and hence, to some extent, control over parts of the browser. Dang!

Hope that doesn't happen!
I want to keep my toy!

Take a look at this link.
https://www.reddit.com/r/firefox/commen ... chromecss/
Some interesting comments there on the future of userChrome.css too.

[Mory]

Hi,

it's alright now with a 24x24 image. (FF image)

thanks a lot, LuvKomputers

[LuvKomputrs]

Hi Mory!

Good to know it's working for you and very pleased to hear that.

You're Most Welcome!,
LuvKomputrs
>^..^<

[mightyglydd]

Do you have a Quarter Pounder® with Cheese icon?

[LuvKomputrs]

Do you have a Quarter Pounder® with Cheese icon?

Yes! *well...it's close enough...*
Here ya go! Just don't try to to eat!

It's 25px in size.
I've got some more hamburger icons that I found online that I'll be posting here later.

[LuvKomputrs]

And here are three hamburger button icons for everyone to enjoy! Just don't try to eat them!

*this icon is 25px in size*
*this icon is 28px in size*
*this icon is 25px in size*

Have fun! and Happy userChrome.css tweaking!