Close overlay with klick on mainside

[JohannesHaech]

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!

[arminunruh]

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:

then it will be clickable to close an overlay

2. its not possible without custom coding i think!

[JohannesHaech]

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?

[arminunruh]

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?

[kooloo]

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!

[arminunruh]

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

[kooloo]

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!