Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • 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. General Discussion
  3. Close overlay with klick on mainside

Close overlay with klick on mainside

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 118 Views
  • 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.
  • J Offline
    J Offline
    JohannesHaech
    wrote on Mar 18, 2024, 3:41 PM last edited by
    #1

    Hey everyone,

    I want to build a one-page website and incorporate an overlay feature to showcase some projects. Currently, I'm achieving this by linking the overlay feature to a text element, so when the link is clicked, the overlay appears. However, I'd like to add two additional features to this and I'm wondering if it's possible without extensive coding:

    1. Allow the overlay to be closed by clicking anywhere outside of it. I find it inconvenient to constantly reach for the X button.
    2. Implement animations, but specify the starting point from which they slide in. For instance, have them slide in from the position of the overlay link rather than from the top or side.

    Looking forward to any insights on how to accomplish these enhancements efficiently. Thanks!

    1 Reply Last reply
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote on Mar 18, 2024, 4:32 PM last edited by
      #2

      i don't recommend using the overlay feature to show projects
      cause this makes the website crash on iphone safari

      1:
      i think if you enable this background setting:

      Screenshot 2024-03-18 at 13.31.26.png

      then it will be clickable to close an overlay

      1. its not possible without custom coding i think!
      1 Reply Last reply
      0
      • J Offline
        J Offline
        JohannesHaech
        wrote on Mar 19, 2024, 8:34 AM last edited by
        #3

        Thank you very much, it worked quite well when closing it by clicking next to the page.

        Do you see any other solution to open an on-page pop-up without the overlay feature and without using a picture and the hover effect? For instance, is it possible to link a fixed element to a click event on a page?

        1 Reply Last reply
        0
        • A Offline
          A Offline
          arminunruh
          Global Moderator
          wrote on Mar 20, 2024, 5:22 PM last edited by
          #4

          Do you see any other solution to open an on-page pop-up without the overlay feature and without using a picture and the hover effect? For instance, is it possible to link a fixed element to a click event on a page?

          i'm not sure if i understand the question

          without using a picture and the hover effect?

          we never have to use a picture or any hover effect
          any click on a link that is to a page that is set to an overlay will open it as an overlay

          on-page pop-up without the overlay

          you can find a popup plugin for wordpress
          there must be one where it just creates a popup immediately

          For instance, is it possible to link a fixed element to a click event on a page?

          u can use custom css position:fixed; to make a link that links to an overlay page fixed

          maybe u can explain your question differently so i can understand it better?

          1 Reply Last reply
          0
          • K Offline
            K Offline
            kooloo
            wrote on Jul 4, 2024, 9:38 AM last edited by
            #5

            hello hello,

            i have a similar problem i think

            im currently working on this website:

            http://katjatoennissen.de

            if you open one of the works-pages (which work as an overlay) and then want to open one of the other menu points (eg VITA) the overlay stays and you cant read the vita texts properly

            so is there a way to make links trigger to close overlays?

            thanks + best!

            1 Reply Last reply
            0
            • A Offline
              A Offline
              arminunruh
              Global Moderator
              wrote on Jul 8, 2024, 9:21 AM last edited by
              #6

              hey!

              you can use these settings:
              http://laythemeforum.com:4567/topic/9909/close-overlay-with-klick-on-mainside/2

              they will create a background next to the overlay. clicking it will close the overlay

              and then want to open one of the other menu points

              if you would click anything that goes to another page (changes the URL), this would close the overlay. however, you don't click a menu point here

              this is just the expand collapse feature you use

              1 Reply Last reply
              0
              • A arminunruh referenced this topic on Jul 8, 2024, 9:21 AM
              • K Offline
                K Offline
                kooloo
                wrote on Jul 8, 2024, 9:52 AM last edited by
                #7

                hm yeah i tried that before but then you would need to click two times to change to another work or another point

                will try something different then i think - thanks!

                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

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