damn!

do you have a link?

great toby!

what was the css you used in the end to make it work?
so others can see the answer ^^

I see

you mean news pages?

do you know the height of your menu bar?

if your menubar height is: 50px
you could do maybe:

body.type-lay_news{ padding-top: 50px; }

or

body.type-lay_news #grid{ padding-top: 50px!important; }

in the gridder defaults you can also set "frame top" to 50px, but thats for all pages

or in the gridder of each news page set frame top to 50px

@arminunruh Thanks Armin! It fixed it
you are awesome :))

thats what I thought. Had to reconsider to idea to just combine the normal footer and my news footer content to one footer that lifes on the news pages now. Thanks. Works for what I use it for

Thanks a lot for you time!

Now it works. 😘

read about stacking contexts:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

so the issue is some of lay theme's divs have position: relative;

so thats creating a new stacking context

maybe if you go to lay options

and check "compatibility mode"

if u want to make ur website faster:
https://laytheme.com/documentation/speeding-up-your-website.html

hey dont know!

thank u!

oh yea

i just coded it, will release it with the next update!

hey there!
you can add more text using the "project description" feature which u can activate in "lay options"

mmh

maybe if you use the project thumbnail setting where the text is on top of the image on the top right and then use custom css

like

transform: translateX(100%);

or sth like that

try disabling autoplay for the videos

also make sure the videos are muted

noo not possible :(

@Ludwig said in Hide mobile menu, when scrolling down:

where, how, what can i enter, that the mobile-menue hides ?

hey theres no lay theme built in way for the mobile menu to hide on scroll

i think @albrecht might have used this code to make it work not sure

<script> var prevScrollpos = window.scrollY; window.onscroll = function() { var currentScrollPos = window.scrollY; if (prevScrollpos > currentScrollPos) { document.querySelector(".navbar").style.top = "0"; } else { document.querySelector(".navbar").style.top = "-50px"; } prevScrollpos = currentScrollPos; } </script>

ooh mmh sorry lay theme cant do that :/

hey for a logo just use customize → site title

Another thing, could this fixed element animate to another fixed element when scrolling down?

im not sure if i know what u mean

the sticky feature should work, however, it only makes an element sticky within one row

oh and you want text to the right of the image

right click on the row, choose "set left image background"

use this custom css:
and change the values like width height top and left if u want

html.objectfit .background-image.background-image-style-left img{ object-fit: contain; width: 50%; height: 100%; position: absolute; right: auto; left: 0; top: 0; }

oh

u made it work i see, right?
yea that needed some custom css

ooh
i think u need to do custom css

hey there! yea thats on my todo list!
not sure when i will have time to work on it :(