oh interesting!

yes its css and html!
if you learn it a little you can do many nice things!

and then afterwards if you learn css transitions / animations

and learn javascript a little, you can do much more!

Ok i will tell you if one is working

oh ok
i thought you mean the standard mobile burger menu
yea u are right there is no way to do this at the moment

Great it work !!! Thank you a lot 🙏 !

Hey Armin, thanks a lot – it is working again.

how about

body.type-project .footer {
display: none !important;
}

this will hide the footer on all project pages

The first one is that I want to have a "normal" full-width footer at the end of projects built with a split-screen layout, just like on the other pages.

i think this wont work cause the footer is used as the left half of the splitscreen

you could only try to create a custom html element yourself and then use that as th footer:

lay options → custom css & html

custom html at bottom

<div class="my-custom-footer"></div>

custom css:

.my-custom-footer{ height: 30px; width: 100%; background-color: blue; z-index: 50; position: fixed; bottom: 0; left: 0; }

this will just be a fixed empty blue bar at the bottom of ur browser

The second problem is the "Active Background Color" from the project index, and it's kind of strange because it worked already. Even when I turn off all custom code, the problem doesn't disappear. The current project in the index on the left side of the "cases" page only gets the active state when the site is reloaded – I didn't get it after a while of research.

oh i see!
i will release an update now that fixes this!

top half image of a page stays fixed

you mean just the top half of a page?

so maybe u can create a row.
for example its the first row in your layout

then right click it,

choose "set custom row height"
enter: 50svh

put something inside the row

In the gridder, right click on the row and choose "set html class and id". For "html class" enter: fixedrow

Enter the custom css in "lay options" -> "custom css & html":

.fixedrow{ position: sticky; top: 0; }

maybe u need this instead:

.fixedrow{ position: sticky; top: 0; z-index: 20; }

not sure

hey an element grid is not a carousel

i think u're looking to create a carousel:
https://laytheme.com/addons/carousel.html

sorry for the late response

and can u update lay theme and the carousel addon? maybe it was an issue with that, i just fixed something

they are two big, is there any way to force the wp to resize the pictures?

do u mean they are big in data size, like 5Mb or like many megabytes?
or do u mean they are too big on the website, meaning the dimensions in the browser?

#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: red!important; }

Enter the custom css in "lay options" -> "custom css & html".

project index element yes
google "how to use chrome inspector"

Screenshot 2024-03-23 at 06.59.39.png

inspect the projectindex element
u will find it consists for rows like above
these rows have classes like "projectindex-project-slug-my-offset-test"
it has this structure
"projectindex-project-slug-{yourtitle}"

.lay-projectindex-row.projectindex-project-slug-yourtitle{ text-align: right; }

Screenshot 2024-03-23 at 07.02.27.png

then one row of the projectindex looks like this

not sure if thats how you want it to look?

maybe read tutorials like this:

https://blog.shahednasser.com/how-to-style-an-audio-element/
https://css-tricks.com/lets-create-a-custom-audio-player/

maybe u can find a wordpress plugin

maybe disable "never show resized versions of images"

or disable your plugin that creates the webp images

cause it seems like
Screenshot 2024-03-23 at 06.51.10.png

all these different image sizes like for example: 512w, should load an image that is 512px.

but here, it kind of links to "https://i0.wp.com/www.maximilianborchardt.de/wp-content/uploads/2020/04/170419-95-scaled-e1708952758449.jpg?resize=512%2C769&ssl=1"

instead of 170419-95-scaled-e1708952758449-512…

and that doesn't seem to work. it seems like when i open this url https://i0.wp.com/www.maximilianborchardt.de/wp-content/uploads/2020/04/170419-95-scaled-e1708952758449.jpg?resize=512%2C769&ssl=1

then the full sized image is loaded instead of the 512px width image

Screenshot 2024-03-23 at 06.54.36.png

@arminunruh Thank you so much, that was it :)

ok thanks

ok. perfect! Thank you all!!

sure!

u can also use this new css feature:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap

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

@arminunruh Worked like a charm, thank you!