Lay Theme Forum

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

    Split Screen just on front page / subpages without the split?

    General Discussion
    3
    3
    41
    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
      ton last edited by ton

      Hello @arminunruh ,
      I use your splitscreen for the main page. For the other pages like about etc. I would use a regular screen width. Is that possible? or do I have the split screen now on every page and the about page needs to be on the right site? Thank you!
      all the best,
      Antonia

      J 1 Reply Last reply Reply Quote 0
      • J
        jacobtegel @ton last edited by jacobtegel

        @ton I was asking myself the same question, adding a few modifiers in the CSS seemed to be the trick for me. id-6 being my home page. In my case i just wanted my home-page as well as project pages (therefore type-project) to be split. Maybe the code i used can be some sort of starting point for you.

        #grid .home, .type-project #grid, .id-6 #footer-region , .type-project #footer-region {
                width: 50%;
                height: 100%;
                position: fixed;
                top: 0;
                overflow-y: scroll;
                overflow: -moz-scrollbars-none;
                scrollbar-width: none;
                -webkit-overflow-scrolling: touch;
            }
            #footer-region {
                left: 0;
            }
            #grid .home, .type-project #grid {
                right: 0;
            }
            ::-webkit-scrollbar {
                display: none;
            }
            
        .type-project #footer-region,  
        .id-6 #footer-region {
                border-right: 1px solid black;
            }
        

        You can find the page id of your website via the web inspector of your browser and then checking the classes inside the <body> tag (there will be a few, just look for the id- one).

        All the best,
        Jacob

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

          yea very good

          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          Try this to fix issues 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

          K
          T
          G
          I
          A
          M

          Recent Topics

          • C

            centred Carousel fixed width and proportions

          • text underline

          • open all links in a thumbnail grid in a new tab

          • lazy loading affects project thumbnail mouseover images

          laytheme.com