Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Feedback
  3. Make Intro Section Non-Clickable

Make Intro Section Non-Clickable

Scheduled Pinned Locked Moved Feedback
11 Posts 3 Posters 1.5k Views 2 Watching
  • 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.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #2

    hey!

    add this in:
    lay options -> custom css & html -> custom css

    #intro-region{
    pointer-events: none;
    }

    1 Reply Last reply
    0
    • C Offline
      C Offline
      craigfeldspar
      wrote on last edited by
      #3

      Thanks for your feedback. Of course, I tried that and other things, but with pointers events none, the click goes behind the intro and I only have clickable elements behind it.

      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #4

        ah use instead:

        body.intro-enabled *{
        pointer-events: none;
        }

        1 Reply Last reply
        0
        • C Offline
          C Offline
          craigfeldspar
          wrote on last edited by
          #5

          Perfect thanks 🦦

          1 Reply Last reply
          1
          • C Offline
            C Offline
            craigfeldspar
            wrote on last edited by
            #6

            And to prevent scrolling as well? I also tried that, but I think I can’t target the right selector.

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #7

              html:has(.intro-enabled){
              overflow: hidden;
              }

              this should work!

              1 Reply Last reply
              0
              • C Offline
                C Offline
                craigfeldspar
                wrote on last edited by
                #8

                perfect thanks Armin !

                1 Reply Last reply
                0
                • C Offline
                  C Offline
                  craigfeldspar
                  wrote on last edited by
                  #9

                  looks great imo : https://latissutheque.net/

                  StarcS 1 Reply Last reply
                  0
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote on last edited by
                    #10

                    Yes, very good job. I'm going to post it now! i forgot

                    1 Reply Last reply
                    0
                    • C craigfeldspar

                      looks great imo : https://latissutheque.net/

                      StarcS Offline
                      StarcS Offline
                      Starc
                      wrote on last edited by
                      #11
                      This post is deleted!
                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      I also code custom websites or custom Lay features.
                      💿 Email me here: 💿
                      info@laytheme.com

                      Our Web Development company: 100k.studio

                      Want to tip me? https://www.paypal.com/paypalme/arminunruh

                      Before you post:
                      1. When using a WordPress Cache plugin, disable it or clear your cache.
                      2. Update Lay Theme and all Lay Theme Addons
                      3. Disable all Plugins
                      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                      This often solves issues you might run into

                      When you post:
                      1. Post a link to where the problem is
                      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                      Online Users
                      N
                      Nzagamba
                      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                      laytheme.com
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search