Overlay top right
-
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!
-
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
-
which safari version?
u mean u cant scroll in an older safari version right?u mean in this overlay?
-
@arminunruh do you have an idea how to solve the problem?
Thank you!
-
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
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