• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.0k 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 Aug 7, 2018, 9:59 AM

    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?

    M 1 Reply Last reply Aug 7, 2018, 11:26 AM Reply Quote 0
    • M Offline
      Mykle1 Project Sponsor Module Developer @henry56
      last edited by Aug 7, 2018, 11:26 AM

      @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 Aug 7, 2018, 11:52 AM Reply Quote 0
      • D Offline
        doubleT Module Developer
        last edited by Aug 7, 2018, 11:52 AM

        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 Aug 7, 2018, 11:52 AM

          @mykle1 Thanks!

          M 1 Reply Last reply Aug 7, 2018, 11:23 PM Reply Quote 0
          • M Offline
            Mykle1 Project Sponsor Module Developer @henry56
            last edited by Aug 7, 2018, 11:23 PM

            @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
            1 / 1
            • First post
              1/5
              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