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.

    Disable header in MMM-MieleAtHome and MMM-Homeconnect

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    14 Posts 3 Posters 559 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.
    • O Offline
      OberfragGER @sdetweil
      last edited by

      @sdetweil Hi sam,

      this one?

      766d7f05-49ad-41b3-a81b-9c627c4dc0c7-grafik.png

      or this one?

      48d4e17e-a2be-4a70-b746-8cbb421debab-grafik.png

      S 1 Reply Last reply Reply Quote 0
      • H Offline
        HeikoGr
        last edited by HeikoGr

        i found 2-3 ways for you to get rid of the header:

        1.: you add “!important” to force the css rule

        .MMM-MieleAtHome .module-header {
            display: none !important;
        }
        
        1. fork MMM-MieleAtHome and get rid of
        	// you have to delete this function at MMM-MietAtHome.js line 92-95
        	getHeader: function() {
        		return "Miele@Home";
        	},
        

        MMM-HomeConnect is similar. But here you have a third option: take my fork: https://github.com/heikogr/MMM-HomeConnect2 (only thing: it has an different styling)

        S O 2 Replies Last reply Reply Quote 1
        • S Offline
          sdetweil @HeikoGr
          last edited by

          @HeikoGr shouldn’t need the !important as no other class is specified AFTER the , module-header

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @OberfragGER the second… and you can do it a couple ways

            // using classes

            .MMM-MieleAtHome .module-header  {
                 display:none;
            }
            

            or using html element

            .MMM-MieleAtHome header {
               display:none;
            }
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            O 1 Reply Last reply Reply Quote 0
            • O Offline
              OberfragGER @HeikoGr
              last edited by OberfragGER

              @HeikoGr Thanks a lot!
              your tip with !important was working.

              I´ll take a look into yout module too. Especially the Headless Device Flow is very interesting!

              1 Reply Last reply Reply Quote 0
              • O Offline
                OberfragGER @sdetweil
                last edited by

                @sdetweil Sorry. Both ways did´nt work. Only the “display: none !important;” did the trick.
                Thank you for you support…as always!

                1 Reply Last reply Reply Quote 1
                • 1
                • 2
                • 2 / 2
                • 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