Lay Theme Forum

Hello there!
I'm trying to fix a problem in displaying new menu.

Basically i have a new website that is still on developing (the site title on mobile still refers to the old website)

www.robertadonatini.com/homepage_ita

For desktop I hide the menu
For mobile I used 2 menu, since Polylang had a bug and on one page it was not working, so for that specific page I used another menu that looks the same, but has a custom link in the language section (italiano).

And coded the following
.slug-progetti_pm_eng .menu-1{
display: none!important;
}

.slug-progetti_pm_eng .menu-2{
display: block!important;
}

And it worked.

Starting from this code I was wondering how to change the menu in mobile part and set a third menu.. Since the website is divided in two, it has to be different links inside.

I tried
.slug-progetti_gd_ita .menu-1{
display: none!important;
}
.slug-progetti_gd_ita .menu-3{
display: block!important;
}

but it doesn't work. How can i address the menu "Menu GD - ita" ? and if i add a fourth menu? I already changed the laytheme option > Menu Amount > 4

Thanks a lot
Roberta

Hello, I re-open this thread because I see tag order don't work for me.

I've got a lot of tags, and when I tried to re-order them (having numbers before words) it works only on certain number values, and not with others, even if in the tags page numbers appears as first.

Here a pic of how I sorted them, but still in this page they appears sometimes in the middle of 3 tags line https://landcho.eu/all-projects/

I used this code in custom head content:

<script defer>
if (window.location.pathname.includes("all-projects")) {
document.addEventListener("DOMContentLoaded", function () {
const thumbnails = document.querySelectorAll(".below-image");

  thumbnails.forEach(function (thumb) {
    const tags = thumb.querySelectorAll(".thumbnail-tags span");
    if (!tags.length) return;

    const tagArray = Array.from(tags);

    // Ordina: numerici prima, poi alfabetici
    tagArray.sort((a, b) => {
      const aIsNumber = /^\d/.test(a.textContent.trim());
      const bIsNumber = /^\d/.test(b.textContent.trim());

      if (aIsNumber && !bIsNumber) return -1;
      if (!aIsNumber && bIsNumber) return 1;
      return a.textContent.localeCompare(b.textContent);
    });

    const tagContainer = thumb.querySelector(".thumbnail-tags");
    if (tagContainer) {
      tagContainer.innerHTML = "";
      tagArray.forEach(tag => tagContainer.appendChild(tag));
    }
  });
});

}
</script>

but it works only when I refresh the page, not when I arrive there directly.
Any suggestions for how to fix it? @arminunruh maybe?

Thanks!

Roberta

Thank you that's great!

no problem, i'll find another solution graphicallly. could be useful in future, thanks for the help!

yes i'd love to have the tags and the title beneath the carousel grid as they appear in thumbnail, for the effect black and white i think i'll sort it out

Hello there!
Still me fighting with code and insulting chatgpt.
I was wondering if I could use a Carousel slide with mouse scroll or with horizontal scroll showing project thumbnails as here.

wip.landcho.eu/all-projects-copy

And activate the visualization of the project titles and the project tags, as here while using thumbnails normally
https://wip.landcho.eu/#projects

Or if the only way is to write them in "Edit Caption" cause 1. it's a long way to do it 2.the formatting is weird and I can really fix the line height using 2 text formats

website user casetta
password cibocinese

Thanks in advance for your help

Roberta

it works! thanks

it worked on the frame, but still the image is not filling the frame as you see here

i tried to add this code

.thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}

and trying also with
.col.type-project .ph .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: center !important;
}

but nothing changes.

Hello there,
I'm trying to have all the project thumbnails image in the ratio 3:2 horizontal.
I'm not using thumbnail grid, but inserting them one by one in a page (is it convenient?)

https://wip.landcho.eu/all-projects/
usr casetta
psw cibocinese

Is there a way to make them all 3:2 and to crop for example vertical images centering them into the 3:2 frame?

I found this http://laythemeforum.com:4567/topic/5660/thumbnail-image-aspect-ratio/3?_=1752573772175 but not sure how to use it, I'm not getting the % things on padding-bottom...

Thank you,

Roberta

ahhaha thank you <3

solved it with your code

.thumb .below-image{
display: flex;
flex-direction: column;
}

. title{
order: 2;
}

thanks and sorry I couldnt find it before

Hello there!
I'm trying to invert project title and tags above thumbnails, example in this page
https://wip.landcho.eu/shared-visions

(psw cibocinese user casetta)

I'd like them to be like this

I tried some coding with chatgpt but no way.
I also tried to use project description instead of tags, but I can't invert the order

Is there a way to do it?

Thanks

R

Ok everything is clear thanks.
Do you think this https://supporthost.com/shared-hosting/ option share 2 + CDN activation will work nicely?

R

Dear @arminunruh
The current website https://www.landcho.eu/ runs on Aruba.
We would like to buy a new hosting, built the new website with laytheme, and then change the domain, de-activating it the name from Aruba and activating it on the new hosting. Is this possible you think?

Thanks

so i could do that the menu, on the sub-page (not the homepage) is linked to

http://mywebsite.com/hompage/#section

So i just need to customize 2 different menu, one for the onepage-home that just scroll down to the same page (without reloading /homepage) and one for the sub-pages (es projects or project detail) that is linked to the homepage and scroll down basically.

Will try and let you know, but you confirm I can pass from one page to another AND scroll down to a specific position.
thank you

Yes like on the figma here
https://www.figma.com/proto/KPcBYS3Q8vumUYLFCJX0nv/LANDCHO?page-id=0%3A1&node-id=27-452&viewport=-56764%2C13178%2C1&t=boF3sqPENgosFrJ4-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=27%3A452&show-proto-sidebar=1

i click the button more projects or i'm inside a project for example,
if i click on the menu on "how we do it" I go back to the homepage (so i change url) but I land exatly to the height of the section "how we do it" and not to the top.

Dear Armin
2.Is it possible to navigate from a page to another, scrolling down to a specific part

no, even with custom coding?

Hello there!
I've found on the documentation that there's a way to navigate to a specific part of the website.

I've got 2 questions:

1. Can the buttons be in the menu? How can I change the specific menu link making it an anchor?
2. Is it possible to navigate from a page to another, scrolling down to a specific part

Example
https://www.figma.com/proto/KPcBYS3Q8vumUYLFCJX0nv/LANDCHO?page-id=0%3A1&node-id=55-270&viewport=-19649%2C-1091%2C1&t=PiN9XNyBhUxXbaup-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=46%3A199&show-proto-sidebar=1

In the Projects page (now it's not active because I cant simulate it on figma): I click on Statement and I go back to the homepage but arriving at the specific part of the home where the statement begin.

Not sure it's clear.
Thank you

All the best

Roberta

Hello!

I would like to know if it's any possibility to work on laytheme – maybe using other slugs – and keeping this website active while I'm building the new version of it on the same wordpress. Is there any way to make this possible? Or should I install another wordpress and shift the domain after?

https://www.landcho.eu/

Thanks :)

Roberta