ابحث في الدعم

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

Why can't I move the menu button to the left?

more options

I used to be able to move the menu button to the left using Stylish but it no longer works. Why can't we move this using the customization controls?

I used to be able to move the menu button to the left using Stylish but it no longer works. Why can't we move this using the customization controls?

الحل المُختار

Hi Raising_Eyebrows, Stylish recently changed significantly. Version 3 has the more limited powers allowed to extensions in Firefox 57. In order to modify the user interface, you'll need to copy your user styles into a userChrome.css file. I recently created a website with more info on userChrome.css. When you have 5 minutes: https://www.userchrome.org/

Read this answer in context 👍 1

All Replies (8)

more options

الحل المُختار

Hi Raising_Eyebrows, Stylish recently changed significantly. Version 3 has the more limited powers allowed to extensions in Firefox 57. In order to modify the user interface, you'll need to copy your user styles into a userChrome.css file. I recently created a website with more info on userChrome.css. When you have 5 minutes: https://www.userchrome.org/

more options

When I move the menu button to the left end then the menu still opens to the left and is usually outside the Firefox window.

In Firefox 57 this is set via an attribute position="bottomcenter topright"

If I change this to position="bottomcenter topleft" then the drop down opens like I want and stays within the Firefox window.

Can this be done via CSS (userChrome.css)?

more options

cor-el said

If I change this to position="bottomcenter topleft" then the drop down opens like I want and stays within the Firefox window.

Can this be done via CSS (userChrome.css)?

I don't think you can change an attribute value using CSS, but perhaps those values map to some style properties that could be overridden.

more options

Hi jscher2000, thanks for the tip and for putting together that website!

I sync Firefox on multiple computers so the add-on approach was really convenient but userChrome.css does the trick for now.

@cor-el: i found the following code on github thanks to jscher2000's website. https://github.com/Timvde/UserChrome-Tweaks/blob/master/hamburger/move-to-top-left-Linux-Windows.css

Works great!

-RE

Modified by Raising_Eyebrows

more options

Raising_Eyebrows said

Hi jscher2000, thanks for the tip and for putting together that website! I sync Firefox on multiple computers so the add-on approach was really convenient but userChrome.css does the trick for now. @cor-el: i found the following code on github thanks to jscher2000's website. https://github.com/Timvde/UserChrome-Tweaks/blob/master/hamburger/move-to-top-left-Linux-Windows.css Works great! -RE

Could you please give instructions on how to install?

Modified by AnarchyAngel

more options

AnarchyAngel said

Could you please give instructions on how to install?

Here's the Windows 10 procedure: 1) Download the zip file at https://github.com/Timvde/UserChrome-Tweaks and extract the userChrome.css file. 2) Open File Explorer, click 'View', check the box for 'Hidden Items'. 3) Drill down to c:/users/yourname/AppData/Roaming/Mozilla/Firefox/Profiles/yourdefaultprofile 4) Create a new directory called 'chrome'. 5) Copy userChrome.css to the 'chrome' directory. 6) Restart Firefox.

Note: In FF 57 the space surrounding the tabs is a very dark gray when using the default theme and makes the black lines of the menu icon almost impossible to see. Open userChrome.css with Notepad and add this line in the #PanelUI-button section (see example attached):

color: deepskyblue;

Save and restart Firefox and the menu will now appear blue. You can change the color value to whatever you like best.

Good luck, RE

Modified by Raising_Eyebrows

more options

Ok I was having real trouble, turns out there is a 2nd move-to-top-left-Linux-Windows.css that has more script in it and that was the issue. Once I downloaded the whole zip it fixed the issue. Thanks for all your help its working now.

Modified by AnarchyAngel

more options

Yeah, I'm not clever enough for Linux! Glad you got it sorted out.

Modified by Raising_Eyebrows