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.

    Mirror not displaying on the entire screen

    Scheduled Pinned Locked Moved Custom CSS
    9 Posts 3 Posters 1.6k 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.
    • BKeyportB Offline
      BKeyport Module Developer @sdetweil
      last edited by

      @jbeechey32 I used this to get the entire screen.

      body {
      	margin: 0px;
      	height: 100vh;
      	width: 100vw;
       }
      

      The "E" in "Javascript" stands for "Easy"

      1 Reply Last reply Reply Quote 1
      • J Offline
        jbeechey32 @sdetweil
        last edited by

        @sdetweil

        thank you. This did work to move the overall bottom margin, but it replaced the margin back on left and right.

        I used @BKeyport advice, which did work. now all borders are to the screens edge. thank you both. Can you explain why one worked vs the other? or did I have to adjust the Calc equations?

        Thank you

        Jamal

        S BKeyportB 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @jbeechey32
          last edited by sdetweil

          @jbeechey32 I was showing you what is IN the css file, I DID NOT CHANGE IT,
          I left that for YOU to do

          @BKeyport changed it for you

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • J Offline
            jbeechey32
            last edited by

            @sdetweil oh okay. it was changed. I had 0 px margin in my first post, where as you had but the original 60 px. my misunderstanding.

            I think I understand why it changed now. Thank you both for your help.

            cheers

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @jbeechey32
              last edited by

              @jbeechey32 said in Mirror not displaying on the entire screen:

              oh okay. it was changed. I had 0 px margin in my first post, where as you had but the original 60 px. my misunderstanding.

              the 1st post had margin 0px;
              BUT left the width and height at 2 times the original margin… so 120px… (2 times 60)
              if u wanted full screen, then you should also adjust the width and height…

              I know this makes you read and think, that as my objective

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              J 1 Reply Last reply Reply Quote 0
              • J Offline
                jbeechey32 @sdetweil
                last edited by

                @sdetweil yes. I want to understand why things change under different adjustments and to not just copy and paste. The explanation of the calculation makes much more sense now. I was not understanding that at first. Thank you!

                1 Reply Last reply Reply Quote 0
                • BKeyportB Offline
                  BKeyport Module Developer @jbeechey32
                  last edited by

                  @jbeechey32 Sam tends to show you the START, I’ll show my solutions 'cuz I’m lazy, and figure other people are too. 🤣

                  The "E" in "Javascript" stands for "Easy"

                  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