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/

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)?

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.

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

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?

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

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.

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