Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Split Screen site but split 20/80, not 50/50

    General Discussion
    3
    5
    64
    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.
    • F
      fergtig last edited by

      Hi there,

      I am creating a site inspired by www.eatock.com

      However, the custom code Laytheme provides for the 'Split Screen' website splits the screen directly in half, where I would like the left portion to take up a smaller area of the screen around 20%

      I tried playing around with the custom CSS, but when I got the portion to move over, the right side of the screen was not scrollable unless the cursor was on the very far right side

      Any help would be much appreciated, thanks
      F

      F 1 Reply Last reply Reply Quote 0
      • F
        fergtig @fergtig last edited by

        @fergtig Also - when i do exactly as instructed on the tutorial, there is a difference from the example website https://hedixandt.com/

        on his site, when clicked into a project, moving the cursor onto to the right half will cause the hover over feature to disable, so you can scroll through that project,
        When I did it, the hover over feature still works even once you've clicked into a project, the images block the project on the right side of the screen even when the cursor is over on that side... :/

        1 Reply Last reply Reply Quote 0
        • arminunruh
          arminunruh Global Moderator last edited by

          so.. i need a link to your website where u experience the issue

          D 1 Reply Last reply Reply Quote 0
          • D
            danoR @arminunruh last edited by

            @arminunruh any solutions for this problem? I’d love to split the screen in other proportions as well, but have the same issue as mentioned above. Thanks in advance!

            1 Reply Last reply Reply Quote 0
            • arminunruh
              arminunruh Global Moderator last edited by

              do you have a link?

              i think you can just do:

              #grid, #footer-region {
                      height: 100%;
                      position: fixed;
                      top: 0;
                      overflow-y: scroll;
                      overflow: -moz-scrollbars-none;
                      scrollbar-width: none;
                      -webkit-overflow-scrolling: touch;
                  }
                  #footer-region {
              width: 20%;
                      left: 0;
                  }
                  #grid {
              width: 80%;
                      right: 0;
                  }
                  ::-webkit-scrollbar {
                      display: none;
                  }
              

              or:

              #grid, #footer-region {
                      height: 100%;
                      position: fixed;
                      top: 0;
                      overflow-y: scroll;
                      overflow: -moz-scrollbars-none;
                      scrollbar-width: none;
                      -webkit-overflow-scrolling: touch;
                  }
                  #footer-region {
              width: 300px;
                      left: 0;
                  }
                  #grid {
              width: calc(100% - 300px);
                      right: 0;
                  }
                  ::-webkit-scrollbar {
                      display: none;
                  }
              1 Reply Last reply Reply Quote 0
              • First post
                Last post
              Post a link to where the problem is
              I don't answer or check forum DMs, please just post on the forum.
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

              Before you post:

              Use the Search Feature. Maybe there is already a solution to your issue.

              1. Update Lay Theme and all Lay Theme Addons
              2. Disable all Plugins
              3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
              4. Now see if your problem solved itself
              5. Go here, see if your problem is listed here:
              Troubleshooting

              When you post:
              1. Post a link to where the problem is
              2. If the problem is difficult to explain, post screenshots / link to a video to explain it

              Thanks!

              Online Users

              N

              Recent Topics

              • N

                page loads slowly

              • A

                With the updates my site has become very slow sloooooow

              • A

                thanks for the update ...

              • A

                Disable Rightclick and context menu for copyright reasons

              laytheme.com