• 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.

Can't put separate pages in one page for scrollable website

Scheduled Pinned Locked Moved Custom CSS
2 Posts 2 Posters 571 Views 2 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.
  • T Offline
    TrevorNoah
    last edited by Jun 14, 2019, 11:15 AM

    Hello everyone I’m creating a website that is scrollable and all the pages are in one page, I’ve created each page separately with it’s own css file, now in my home page i added sections for each page (6) and each section i give it a class and in the css i changed the class position to relative, now the second page is showing and working fine but as soon as i add other pages everything gets together the text the design everything gets mashed together and clashing so what is the best way to fix this? Thanks

    S 1 Reply Last reply Jun 14, 2019, 11:49 AM Reply Quote 0
    • S Away
      sdetweil @TrevorNoah
      last edited by Jun 14, 2019, 11:49 AM

      @TrevorNoah sorry, not quite sure what you mean.

      your module output is put into one of the MM regions… by position: in config.js
      unless u use one of the fullscreen regions, you don’t have access to the whole screen

      each region will be scrollable, vertically when the content goes over the screen size.

      can u explain what “the class position to relative” and "text the design everything gets mashed together " means… maybe a screen shot

      Sam

      How to add modules

      learning how to use browser developers window for css changes

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