MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Small screen makes modules overlap

    Scheduled Pinned Locked Moved Solved Troubleshooting
    5 Posts 3 Posters 2.1k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • H Offline
      henry56
      last edited by

      Hi,

      I was using a monitor to use MagicMirror at first, then changed to using a 7" screen. This made all my modules overlap and look super clustered. Does anyone know how to fix this? Or would ordering a 10" screen solve the problem?

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @henry56
        last edited by

        @henry56

        Try shrinking the modules while MM is running

        Zoom Out = Control and - (That’s a dash/minus sign)

        Create a working config
        How to add modules

        H 1 Reply Last reply Reply Quote 0
        • D Offline
          doubleT Module Developer
          last edited by

          The modules usually have fixed pixel widths and heights, so when two modules in one row both have 300 px width and the screen is 800 px wide, there’s 200 px space in between or left and right but when the screen is only 500 px wide, you’ll have at least 100 px overlap (if there’s no space left and right).

          A bigger screen might not help if it has the same resolution (compare 1024 px 15" and 1024 px 19").

          What you’ll probably need to do is (manually) scale down all modules’ sizes in your custom.css. In theory, if all settings were done in rem, you could just change the default font size and be done, but … that’d be too easy. ;)

          1 Reply Last reply Reply Quote 0
          • H Offline
            henry56 @Mykle1
            last edited by

            @mykle1 Thanks!

            Mykle1M 1 Reply Last reply Reply Quote 0
            • Mykle1M Offline
              Mykle1 Project Sponsor Module Developer @henry56
              last edited by

              @henry56

              You are welcome, sir. Enjoy your MM experience.

              Create a working config
              How to add modules

              1 Reply Last reply Reply Quote 0
              • 1 / 1
              • First post
                Last post
              Enjoying MagicMirror? Please consider a donation!
              MagicMirror created by Michael Teeuw.
              Forum managed by Sam, technical setup by Karsten.
              This forum is using NodeBB as its core | Contributors
              Contact | Privacy Policy