Lay Theme Forum

This did it for me, thank you!

I am trying to add a desktop burger menu and followed the tutorial to do so. But I noticed two bugs: Whenever I open the menu, the content on the website moves a bit, as if the grid changes a little. It doesn’t matter if I activate a background or not, or if I try a different animation, the grid always changes.

Here is an example.

I am using Brave Version 1.66.110 on Mac OS 14.4.1.

A second bug I noticed is that I only see changes to the overlay when I log out and log back into wordpress. Reloading a project doesn’t show me the latest state of the desktop burger menu.

Is there a way to fix the first issue? It’s by far the more important one :)

Thank you very much!

I am trying to add a desktop burger menu and followed the tutorial to do so. But I noticed two bugs: Whenever I open the menu, the content on the website moves a bit, as if the grid changes a little. It doesn’t matter if I activate a background or not, or if I try a different animation, the grid always changes.

Here is an example.

I am using Brave Version 1.66.110 on Mac OS 14.4.1.

A second bug I noticed is that I only see changes to the overlay when I log out and log back into wordpress. Reloading a project doesn’t show me the latest state of the desktop burger menu.

Is there a way to fix the first issue? It’s by far the more important one :)

Thank you very much!

@thomasmaier Yes!! Not being able to place two elements next to each other is a huge bummer. Would be a fantastic improvement if that would be possible!

Would it be possible to add row numbers to the gridder? I am working on a website that makes extensive use of the expanded/collapsed row feature on a single page and it gets very confusing and cluttered to see what button actually expands and collapses what row. Numbered rows would help immensely.

Thanks Armin, it works now!

@arminunruh Thanks, I just tried it again and it works now, I guess some of my weird custom CSS might have caused some problems … :)

@arminunruh I did that and it gives me that message and forces the first row to be browser height. Looks like a bug?

Hello!
I am using the cover feature for my website, but since it causes problems on mobile with background elements that get disabled, I deactivated cover for mobile in Lay options.

But when I am trying to style the mobile version of the website, I get the message "Forced Browser Height because Cover Feature is active". That means the first row of my is always as long as my browser height, which completely messes with the design of the mobile site.

Is there a way to work around this issue?

Thanks!

Hello!
I noticed that I can’t expand a collapsed row if that row contains stacked elements.

Is there a way to fix this?
Thanks!

@arminunruh Doesn’t work for mobile though :(
I had to disable Cover for mobile, otherwise the gradient in the background would be disabled again.

Is there a way to make that work on mobile too?

I found a way to fix this, just if anyone run into the same problem as I did.

1. Put the particle-Animation in front of the other elements by adding a higher z-index value and changing the position to fixed since I didn’t want it to move when I’m scrolling down

#particles-js {
position: fixed;
width: 100%;
height: 100%;
z-index: 2;
}

2. Moving the gradient from the body-Element to #grid

#grid {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

background: linear-gradient(270deg, #ffc647, #FB4647, #ffffff);
background-size: 800% 800%;
-webkit-animation: Gradient 15s ease infinite;
-moz-animation: Gradient 15s ease infinite;
animation: Gradient 15s ease infinite;

}

That did the trick for me.

If I did something stupid and there is a much better way to do it, please let me know :)

Hello!
I’ve included a javascript that creates a particle animation as a background element on my website and a linear color gradient that is created by CSS. When I activate the cover feature, the color gradient and particle.js get disabled.

I’ve found this topic and tried that solution, but it didn’t do anything.
I am already using the z-index for different parts of the website to have the particles overlapping certain elements, so I am not quite sure if I am breaking something by doing this :)

What should I try to do to fix this?
Thank you!!

@arminunruh Thank you very much, it works now! I also realized, I used page-id instead of post-id.

Hello, I am trying to change the site-tagline, so that it shows the name of the project instead of a fixed tagline that stays the same no matter where I am on the site.

Is this possible?

I am trying to use this javascript that I’ve put in the Custome <head> content section of Custom CSS, but it doesn’t do anything.

<script>
jQuery(document).ready(function($) {
if($('body').hasClass('page-id-614')) {
$('.tagline').text('Mein erster Projekttitel');
}
else if($('body').hasClass('page-id-588')) {
$('.tagline').text('Mein zweiter Projekttitel');
}
});
</script>

Is there a way to do that?

Thank you!