Screen rotation and resizing

  • Hi

    yes i have searched the forums but i havent found an answer to my problem

    so i can rotate the monitor, both via /boot/config.txt and via css.js
    my problem is that i can not figure out how to resize the screen to fit the rotated monitor

    I’m running a 1920x1200 horizontal monitor
    i physically rotate the monitor, i edit either config.txt or css.js and the screen rotates but the magicmirror interface looks like it is still horizontal. I only see half of the modules and it dont fill down the monitor to the bottom.

    is it a limitation in Rasbian Buster because i am running with desktop or is it required to run desktop ?

    have i missed a config file ?

  • @Thgj0842 I did this just yesterday with a new install of Raspbian and MagicMirror. I put


    at the very end of /boot/config.txt after rotating my monitor 90º counter-clockwise. You may need to try


    if you’ve rotated 90º clockwise.

    That’s all I had to do.

  • @Thgj0842

    There is a thread somewhere that discusses rotation via css.
    I have my monitor rotated 90 degrees, clockwise, using these settings:

    body {
      margin: 0;
      position: absolute;
      transform: rotate(-90deg);
      transform-origin: top left;
      width: 100vh;
      height: 100vw;
      object-fit: cover;
      top: 100vh;
            visibility: visible;

    Here are all settings from my current config.txt:

    $ cat /boot/config.txt | egrep -v '^$|#'

    Give it a try.

  • this is strange

    like i wrote i have tried all this. but of cause now when i tested again it is working ???

    so it is working on my monitor here at home but when i tested this earlier today it was at work

    i will check tomorrow again on my work monitor

  • do

    i found the “problem”

    yesterday i tried to rotate the screen with display_rotate=1, 2 and 3
    i tried to set the framebuffer_width=1920 and framebuffer_height=1200 also tried to reverse it but i could not get it to work.

    then i found the post about the CSS method and when testing that out i must have forgotten to uncomment display_rotate in config.txt

    the CSS method is working without problems.

    Have a nice X-Mas

  • Hi there, this fix has seemed to work for me as well. However I cannot get it the correct way round in my case. This means +90 degrees OR -270 degrees. Neither of these options seem to work, however -90 degrees seems to work. Does anyone know a solution for this?

  • @rjansy
    do you want to rotate your monitor clockwise or counter-clockwise?
    See my response above on how I clockwise rotate my monitor.
    Make sure you do not rotate via /boot/config.txt when using the css solution.
    Set it to zero and reboot to activate.
    Now in config.css, you have to counter-rotate, so -90 degrees, to have your MM displaying horizontal again.
    So, you turn your screen +90 degrees, therefore you make it up again by rotating the contents of your screen -90 degrees.
    When rotating your screen counter-clockwise, the opposite applies.

    Good luck !