Overlay top right
-
Hi,
Does anyone know whether the overlay can also be moved in from the top right?Thank you!
Alina -
.lay-show-overlay.lay-slide-from-top{ left: auto!important; }
in lay options → custom css & html → custom css
-
thank you @arminunruh very much!
I have another problem, in an older safari (12.1) it doesn't show the scrollbars in the overlays. I tried it with this code.lay-overlay > .lay-content {
max-height: 100vh;
max-height: 100svh;
}then the scrollbars appear, but it loads very slowly.
Can you help me?Thank you!
-
arminunruh Global Moderatorwrote on Sep 6, 2024, 1:24 PM last edited by arminunruh Sep 6, 2024, 9:25 AM
ah i use:
.lay-overlay > .lay-content { max-height: 100svh; }
probably the older safari version doesn't understand 100svh
i changed my code now to:
.lay-overlay > .lay-content { max-height: 100vh; max-height: 100svh; }
this way if it doesnt know svh, it will use vh
so with the next lay theme update you probably wont need your csscan u post the link to the website here so i can see what runs slowly
-
I used the same code already, the scrollbar shows on the older safaris, but you can't scroll with the mouse
Thank you
-
-
On safari 10, 11 & 12. with the scrollbar you can scroll but not with the mouse… and without the code there isn’t even a scrollbar. There are 3 overlays, one on each button.
Thank you for checking
-
@arminunruh do you have an idea how to solve the problem?
Thank you!
-
arminunruh Global Moderatorwrote on Sep 20, 2024, 11:44 AM last edited by arminunruh Sep 20, 2024, 7:45 AM
hey sorry for the delay, was so busy working on the new lay theme feature
i see, i can reproduce this in safari 12. safari 12 was released in 2018, often for browsers that are that old i don't test everything. but i want to make this work.
if you add this css, does it work?
.lay-overlay > .lay-content{ overflow-y: scroll!important; }
-
if it doesnt work:
can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?
-
Hi there @arminunruh,
Were you able to look at the problem?
Thank you
Alina -
hey sorry for the delay, still need to look at this more.
its kind of hard to find the reason why it doesnt work so i havent taken enough time yet to work on this -
ok this is fixed now. i turned off the page overlay animations for safari 12 and lower and this made the overlays scrollable again
Need custom programming for your Lay Theme site?
I regularly add new features to Lay Theme for free, based on user feedback. But if you or your client need something more specific, I’m happy to offer custom paid programming tailored to your project.
Email info@laytheme.com with the subject "Custom paid programming for Lay Theme" and a short description of what you need — I’ll reply with a cost estimate.
Custom features I build often make it into future Lay Theme updates, so your idea might benefit the whole community.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- 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:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it