Hi,

you mean just a fixed image?

That would be

.fixed {
position:fixed;
}

and give that image in your gridder a rightclick > class called fixed

Dear @Louie

If using "Multiple Menu's" is not an option for you:

https://laytheme.com/documentation/menus.html#multiple-menus

Then:
Custom CSS:

.menu-item-564 { position: fixed; top: 22px; right: 0.5%; }

Result:
Screen Shot 2022-02-26 at 6.25.50 PM.png

https://laytheme.com/documentation/custom-css-styling.html

Best wishes 🌝 Richard

Dear @dkgrieshammer @neunzehnachtneun

http://laythemeforum.com:4567/topic/7504/youtube-nocookie-embed-feature-request/4

Richard

Dear Johannes @Johannes-Meger

I had seen this before & wondering if its a Lay Theme problem but more likely Wordpress & Media Library. Does this link help?

https://enviragallery.com/how-to-fix-the-image-desaturation-issue-in-wordpress/

Searching "wordpress media library desaturates image?" gives some possible solutions 🌝

Best Richard

Dear @vernandel

Awesome to hear we are working again!
I don't currently know one sorry that will work with this version of Lay Theme. Haven't tested any myself lately 🌝

Best Richard

Thank you @Johannes-Meger for the update, good to know, have a great day 🌝

thanks a lot!

Dear @oo

You are using this Custom CSS suggestion from @Mariannep?
If you post a link to your website i can check for a simple fix, the above code should work. But the menu-item # (number) will be different for each website.

Best Richard

Have a wonderful day @Lalitosfera ! ⭐️

Dear Martin @mg

You can implement the Search Feature into a project/page using +More - +HTML:

Screen Shot 2022-02-23 at 3.01.09 PM.png

The following is raw HTML so it's unlikely that it has any styling or CSS. It will probably not appear as it has no height/width or font-size. For this reason we should add a Class to it for easy targeting later. class="custom-search"

<a href="#search" class="custom-search" data-type="custom"><span>WHAT I WANT TO CALL MY SEARCH</span></a>

Example CSS (basic)

.custom-search { font-size: 33px; }

The Custom CSS can be added via > Lay Options > Custom CSS & HTML >

https://laytheme.com/documentation/custom-css-styling.html

Best Richard

Dear Johannes @jwk

Unable to re-create issue sorry.
Videos do autoplay using a browser Mobile tester and a true mobile simulator:

Screen Shot 2022-02-23 at 1.43.42 PM.png
Screen Shot 2022-02-23 at 1.44.06 PM.png

Best Richard

Dear Felix @ffinger

No worries & best wishes 👍

Dear @paulius

Does the "Stack" feature work for you?

https://laytheme.com/documentation/gridder-elements.html#stack-element

Best Richard

Dear Joris @betonnemans

If you are already playing with Custom CSS then you may wish to use your own media queries to trigger CSS changes. You can then keep the Lay Options > mobile breakpoint setting at 0 to restrict the Burger Menu.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Best Richard

Dear Johannes @timperangel

I dont think this will be implemented in the next weeks sorry, best wishes

Richard

Dear @franksvamp

Hope you come to a solution soon, i don't have time at present sorry to guide you through, but may set you in a possible direction. 🌝
I was thinking of a faster hack but might not be elegant or work out correctly with your design:

You create 3 identical single-column "Project thumbnail grids" (a,b&c):

A B C
1 1 1
2 2 2
3 3 3
4 4 4
5 5 5
6 6 6
7 7 7
8 8 8
9 9 9

And then using Custom CSS remove the necessary ones to create the effect:

https://css-tricks.com/useful-nth-child-recipies/

A - B - C
1 - 4 - 7
2 - 5 - 8
3 - 6 - 9

Therefore:
Off column A was removed thumbnails 4,5,6,7,8,9
Off Column B was removed thumbnails 1,2,3 & 7,8,9
Off Column C was removed thumbnails 1,2,3,4,5,6

Best wishes Richard

Dear @vthevoz

This should set you in the right direction, sorry that i cannot help you completely through the process. You will see what's happening here though and what to do further:

https://laytheme.com/documentation/custom-css-styling.html

https://laytheme.com/documentation/custom-javascript.html

Gridder Setup:
Screen Shot 2022-02-22 at 7.25.06 PM.png

Important to note that you should make use of Lay Theme's built in captions as this should be much easier than adding HTML text areas under the images.

The Image element should be given either a Custom Class or ID so we can target it easier:

Screen Shot 2022-02-22 at 7.24.25 PM.png

Custom CSS:

.magic-caption .caption{ display:none; } .caption-visible{ display:block !important; }

JQuery:

<script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ jQuery(".magic-caption").click(function(){ jQuery(".caption").toggleClass("caption-visible"); }); }); </script>

Reference:

https://www.w3schools.com/jquery/html_toggleclass.asp

Result:

Screen Shot 2022-02-22 at 7.45.50 PM.png

Screen Shot 2022-02-22 at 7.46.03 PM.png

The Class caption-visible is added to the caption. This comes with new CSS information that tells this HTML element now to be visible.

NOTE: you will see that the caption height created by becoming visible also affects the image to it's right horizontally. Both are pushed upwards. This is something to figure out 🌝

Hope this sets you in the right direction & best wishes Richard

Dear W @wardh

This was done with the developer tools of the browser, they are extremely helpful for testing things before hard-coding.

Any custom code would be added to your website via:

Lay Options > Custom CSS & HTML > Custom CSS

The documentation page will really help you with this (there is also help with developer tools):

https://laytheme.com/documentation/custom-css-styling.html

Best wishes Richard

Dear @NDT

Custom CSS:

#footer-region{ z-index:10; background-color:white; }

Result:

Screen Shot 2022-02-22 at 12.14.35 PM.png

https://laytheme.com/documentation/custom-css-styling.html

best wishes and have a wonderful day ✨ Richard