Thank you Armin! Works perfect again!

hey its a great idea, you would need to code this by yourself thats a little difficult

i dont have time to do this right now sorry

thanks so much, that works!! (password protection is removed).

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

jes, that works, great!

yea i need a link

or if u like:

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

yes exactly, that would be great!
thanks!

Alright, thanks anyway :)

yes i needed to disable it for mobile devices because it would make carousels crash on ios safari especially

what mobile device and browser do u use normally? safari on ios?
maybe i should enable it again for chrome on mobile devices mmh

nice!

if you add custom css, do so in

lay options → custom css & html

thank you :) it worked

the issue was the carousel plugin was too old, version 1.3.9
this version seems to not be updateable anymore.

if you run into this issue, get the latest version from laykeymanager.com

yes (:

can you check your versions and then go to laykeymanager.com ?
maybe you can download the latest lightbox version and laytheme version there and try those

maybe ur lightbox addon is really outdated and cant be updated anymore

aha nice workaround :))

as of now:
https://www.maio-architects.com/

this effect could also be achieved with
lay options ->
Screenshot 2024-01-25 at 18.56.06.png

You're super kind and quick! Thank you!
:)

Screenshot 2024-01-25 at 17.43.08.png

latest version is 6.6.9

hey there!

i see

thanks for your patience!
add this css to lay options → custom css & html → custom css:

.fs-left, .fs-center, .fs-right{ height: 100vh; width: auto!important; } .fs-left{ left: 0!important; } .fs-center{ left: 50%!important; transform: translateX(-50%)!important; } .fs-right{ left: auto!important; right: 0!important; } .fs-left img, .fs-center img, .fs-right img{ height: 100vh; position: relative; width: auto; } .fs-left .ph, .fs-center .ph, .fs-right .ph{ display: none; }

disable the max-width max-height setting in lay options → fullscreen slider

now in your gridder,

make sure your lay has frame top and frame bottom set to 0
then make sure your rows are "browser height" when right-clicking rows, and choosing "use browser height"

then put one image inside and right click it, choose "set html class and id"

in html class enter:

fs-left

OR

fs-center

OR

fs-right

does it work for you?

i need to improve the gridder so we can just set images to a fixed height. currently, only the elementgrid has a setting to have same-height images :O

hey!
i'd need to know the transition type that you use

which one of these?

Screenshot 2024-01-20 at 11.02.19.png