very good!

you can also do this for a row:

.example-class {
position: sticky;
width: 100%;
height: auto;
top: 0;
}

its a little similar

thank you, Armin! This worked :)

try to add the class:

disable-css-transitions

on the elements

does it work?

or try to give the row a class of "sticky"

then use css:

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

and then remove your other css to make these two elements in the row fixed

this will just make the whole row sticky for the whole page, so its kind of as if it was fixed

thx <3<3<3<3

i need a password to enter that site

will try and look into it tomorrow

the laytheme.com website is not made with lay theme
its just html

yea the table plugin in the texteditor is not rlly good.
its just tinymce's standard table plugin

yea i think its a good idea to find a wordpress table plugin!
if the one recommended doesn't work, find another one.

or create a table yourself using html and css, using +more → +html maybe

i'll need to create a dedicated table element one day!

Post a link to where the problem is please

will be fixed with the next lay theme update

go into thumbnail grid and under Options "Show Projects of Category" choose the superiour category you just build

yea correct!

Wow, that's great! Thank's for that.

Hi Armin,

Thanks it works perfectly!! I had tried this previously but with % instead of px and it didn't work. Glad to know it works with px!

@arminunruh fantastic, thank you! 🙈

Hello Armin, thank you for your help !
I played a little with these settings and everything is back to normal today without me really understanding why. Maybe also a CSS/JS cache issue.

Thank you !

interesting!

maybe you can manage to code this!
you just need to find out the body classes you need:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

Screenshot 2023-10-26 at 13.30.41.png

look at this example

this has the class slug-imagehover-test

so i use the css body.slug-imagehover-test

Screenshot 2023-10-26 at 13.31.52.png

try to learn how to use the chrome inspector. i inspect the html and i see the <nav has the class primary

so i do:

body.slug-imagehover-test nav.primary{ display: none!important; }

to hide that menu on that page

this way you can hide or show menus depending on which page you are on

good luck

It worked, thank you so much!

as far as i understood the issue:

on desktop a menupoint has a submenu

on mouseover, the submenu is shown, but the menupoint can be clicked too

on touchdevices, when the menupoint is clicked, it shows the submenu

on touchdevices the menupoint can't be clicked to navigate to its page. clicking it only expands the submenu

this is by design. on nike.com on touchdevices, they solved it like this:
for example:
you click on shoes:

Screenshot 2023-10-26 at 12.52.29.png

then the submenu shows and inside it is "all shoes".

Screenshot 2023-10-26 at 12.52.34.png

so in the submenu there is another menupoint that would lead you to the page that the parent menupoint is linked to.

so what i think you could do is:
in appearance → menus, choose:
mobile menu

Screenshot 2023-10-26 at 12.54.41.png

here, create a mobile menu.
then add one mobile menu point twice. once as the parent menu item, and once again as the top submenu item:

Screenshot 2023-10-26 at 12.56.12.png

this way, the parent mobile menu point is used to extend the submenu when its clicked on. but you can still go to its page, by clicking the same menu point that is within the submenu

you could also use lay options → custom css & custom html

and then add your html and css code to "html at top"
then that html is at the top of every page

use the stack element: +more → +stack
with it you can put elements above one another inside a single row

preview pages cannot be accessed when you're not logged in as an admin, so i cant view your link

I'm able to drag in several images in the same 'row' but not text boxes

not sure what you mean here. texts and images can be next to one another in a row.

what does this all have to do with overlays?
Do you mean this?
https://www.instagram.com/p/CvII57wrp7V/

or do you just want to overlap elements?

if you want to overlap elements:

do this:
if your row has a custom row height (right click row, set custom row height) or browser height (right click row, set custom browser height), then all elements within that row can be placed anywhere, overlapping each other.

or do this:
right click an element and click "position freely"