Avoid the top menu to scroll out

  • When you scroll any screen (latest version but applicable at others) the top menu scrolls up with the page out of screen making it bothersome to select another menu option when you are at the bottom or down the screen. You have to scroll up again to make it came into focus prior to selecting any other menu option. This is bothersome.

    But inserting these simple lines in /usr/local/www/css/pfSense.css

    #topmenu {
        position: fixed;
        width: 100%;

    div.container.static {
        position: relative;
        top: 50px;

    the top menu stays always visible and you can select any menu option even when scrolled at the bottom of the screen.

    Hope this helps and, if possible: developers, please, I beg that you add this to future versions (if this does not breaks anything) because it is a big pain to have to get after the top menu each time that you are at the end of a screen.


  • Developer Netgate

    System->General setup->webConfigurator->Top Navigation ["Scrolls with page" || "Fixed"]

  • Thanks. Lots easyer  ;D

Log in to reply