Thanks @TYLM let me know if i can help in the future! ⭐️

Hi Marc! @moND0711

Just to clarify: you fixed the problem? or "this" way (via chats )could fix the problem 🌝

Talk soon Richard

Dear Tim @Tim-B

The active menu point will have a class added to it called current-menu-item :

Screen Shot 2022-03-24 at 6.28.12 PM.png

You can take advantage of this to target it with CSS and set it italic for example:

.current-menu-item { font-style: italic !important; }

https://www.w3schools.com/csSref/pr_font_font-style.asp

Best wishes 🌝 Richard

Dear @beucccia

Although not built in to Lay Theme you could do this via Custom Coding.
The .gif could still be called from the media Library via URL ( src=url )
I cant custom code it for you sorry but hopefully these links may help you in the right direction, also if any others on the forum wish to speak up 🌝

https://sirv.com/help/articles/hover-change-image/#:~:text=To swap an image when,"rollover" image becomes opaque.

https://www.tutorialrepublic.com/faq/how-to-change-image-on-hover-with-css.php

Also this thread may help with understand how to call the image from the media library:

http://laythemeforum.com:4567/topic/6087/imagehover-on-element-grid-lightbox-on-carousel

There was also a user who attempted this with a plugin:

http://laythemeforum.com:4567/topic/6174/help-plugin-swap-images-on-hover-js

Hope this helps @beucccia & have a wonderful day Richard

Dear Toby @Toby

Not with built in options sorry, the closest would be the Layout type "Masonry" .

Because the Thumbnail grid is images with links to the Projects, you could copy your "exact" layout using it's JSON:

http://laythemeforum.com:4567/topic/7421/insert-page-into-another

And then link the images to the projects. This would create an exact match but has the burden of being manual.

Best wishes Richard

Dear @SB

Am i correct that you are using a"Custom Phone Layout" for mobile? or are you using one Gridder Layout for both?

https://laytheme.com/documentation/custom-phone-layouts.html

Best wishes Richard

Dear @hirte

Thanks, i will be here when you know further from Google 🌝

Have a wonderful day! Richard

Dear @sandraayad

Possibly you have not set the "Featured Image" yet. Pages do not need this but Project's do for the Thumbnail Grid:

Screen Shot 2022-03-23 at 9.11.54 AM.png

Have a wonderful day 🌻 Richard

Dear @Bella

I totally understand when the amount of images becomes many, thank you for the feedback and have added it to the development notes ✅

Feedback #1

It would be really fantastic if with future updates the image hover could be extended to images (which I actually thought it was for, to be honest 😬 ).

Feedback #2

It would also be great for the Woocommerce product images, but I understand that that's probably more complicated to achieve. So maybe adding an image hover option that works with "regular" images (not products images) would be an option to start with? :)

have an amazing day Bella Richard

Dear @benni No worries calling me Robert! ⭐️

Thank you for the great solution that will help others 👍

Give the element you want to offset an ID and then use the custom CSS option to define the offset via the translate() CSS function.

Here is an example of what your CSS could look like:

#img-1 { transform: translateY(-30%); }

This bases the offset on the width of the image you gave the ID to.

have a wonderful day Richard

Dear @dmncn

It's a bit of a trick with just z-indexing alone. The whole system works on z-index:

Cover: z-index 1 (must be the lowest to slide underneath content) Content: z-index 2 (must be higher to not be hidden by cover) Site-title: z-index 3 (must remain above content).

So i think however you assign new z-indexing to the above three elements it wont work for example:

Cover: z-index 1 (must be the lowest to slide underneath content) Content: z-index 2 (must be higher to not be hidden by cover) Site-title: z-index 0 (must remain behind cover == but now hidden by content).

To use z-indexing for the site-title to be hidden then shown, the Cover must be higher than the image, but then it's also higher than the content and will not slide behind and therefore not be a cover.

I think to solve this problem you need some javascript or jquery that "at a certain scroll position the site-titles z-index changes from 0 to 3"

Best Richard

Dear Florine @florine

This may not be the most graceful way to do it, but maybe it works for you 🌝

The following code clones your social-media group and adds it after the last menu element "uber mich"

jQuery('#handyrow').clone().insertAfter('#menu-item-388');

Result:

Screen Shot 2022-03-20 at 5.03.12 PM.png

There would need to be some changes to the handyrow css:

.mobile-nav #handyrow { position: initial; top: 0; left: 1.5%; z-index: 40; }

You can specify it only to apply to the handy-row within the menu by adding .mobile-nav beforehand.

Hopefully if this isn't exactly whats needed it still helps you in the right direction Florine ⭐️

best wishes Richard

Dear Ana @banana 🍌

When you make a new page as a test and apply this new text format are you still unable to have 20px?

The correct font size for phone is set in Text formats, it is then applied again within the Gridder and to be sure the Phone settings within Lay Options all look correct, breakpoints have been set.

Screen Shot 2022-03-20 at 4.01.20 PM.png

The Site's Tagline does not exist for mobile by default, either we need to custom code this in, or add it to the top of your Mobile page layouts.

Regarding the Font Sizing, if you still run into trouble, please feel free to send me a message via 'Chats' and i can login and talk a closer look at the text format settings.

Best wishes Richard

Dear Aaron @aarondawkins

Yes it is possible 🌝
Looking into the z-index property should help you:

https://www.w3schools.com/cssref/pr_pos_z-index.asp

Best wishes Richard

Dear @Kilian

Thanks for the update & the great explanation 🌝
I am unsure why exactly without being able to look at the sub-menu and see how it behaves. I notice not "commissions" has no sub-menu?

Is there anyway i can view the sub-menu to better inspect it?
I understand that you would not want a broken sub-menu to be present all the time, so we may need to work something else out  👍 is it still present but just not "switched on" ?

Talk soon & have a wonderful day Richard

Thanks @Bella will looks into your other questions 🌝 have a wonderful day!

Dear @Janina

"I need to change the placement of the cover image on this sub page only:"

.slug-about .cover-region { margin-top:55px; }

Result:
Screen Shot 2022-03-20 at 1.00.34 PM.png

"is there a way to change the preset default colour globally for the whole site? I want it to change from black to #548B54"

This would depend on what the colour applies to, for example you could set all text (except for links) with the following:

body{ colour:#548B54; }

There are many root colours for Lay Theme, some are for the Carousel and some are for other Addons. Happy to help, just wish to know more about what you mean by "default color for whole site" 🌝

Talk soon & best wishes Richard

Dear @HorstoftheFuture

Thank you for replying, great to hear that all is working! have an amazing day ⭐️

Sincerely
Richard