You could create an entry page and set it to "Hidden" under "3 Sitemap" so that this page does not appear in the menu. And mark this page as “Show page without template” via “Properties” and the “Graphics” tab.

So that the home page is displayed when you access the domain, add this command to the .htaccess file at the end, see KI answer

-----

Overview with AI

Paste this command into the .htaccess file in the main directory (root folder) of your domain:

     DirectoryIndex entry.html

-----

Important:

In the .htaccess file, do not remove the part of WebSite X5, but add the additional part below it.

I haven't tested it yet, it's just my thoughts on how to solve the problem.

There is also a built-in option for an entry page in WebSite X5, see instructions

-----

How to create an entry page and what can you use it for

>> https://guide.websitex5.com/en/support/solutions/articles/44002313619

-----

Maybe users who have experience with entry pages will also get in touch.

3 image objects in the grid next to each other, which are arranged using "Responsive" in the order 2,1 and 3, cannot be arranged one below the other using "line breaks" on narrow screens; WebSite X5 does not allow this.

The placement of the images would have to be done using your own CSS code.

Here is the HTML and CSS code that was created by the AI ​​and that would have to be inserted into the two tabs in the "HTML Code" object in WebSite X5.

----- Code from AI (For german user --> bild = image) -----

html

<div class="bild-container">
<div class="bild bild-1">
<a href="https://ihre-zielseite-1.com">
<img src="bild1.jpg" alt="Bild 1">
</a>
</div>
<div class="bild bild-2">
<img src="bild2.jpg" alt="Bild 2">
</div>
<div class="bild bild-3">
<a href="https://ihre-zielseite-3.com">
<img src="bild3.jpg" alt="Bild 3">
</a>
</div>
</div>

css

/* Standard für breite Bildschirme (nebeneinander: 1, 2, 3) */
.bild-container {
display: flex;
gap: 20px; /* Abstand zwischen den Bildern */
}

.bild {
flex: 1; /* Gleichmäßige Breite */
}

/* Anpassung für schmale Bildschirme (untereinander: 2, 1, 3) */
@media (max-width: 768px) {
.bild-container {
flex-direction: column;
}

.bild-1 {
order: 2;
}
.bild-2 {
order: 1;
}
.bild-3 {
order: 3;
}
}

-----

5. ... SEO, sitemap, canonical URLs, redirects, or indexing of the full website and /light/ version?

-----

The SEO experts would have to answer these questions.

----- AI (For german user --> bild = image) -----

CSS tip for linked images

To ensure that the linked images behave in the same way as the unlinked image, optionally add this line to your CSS:

css

.bild a { display: block; /* Verhindert unerwünschte Abstände unter dem Bild */ }

-------------

If necessary, have the /* comments */ in the code translated for better understanding.