Screenshot 2025-02-11 at 10.02.53.png

if i look at your textbox, it seems that the text element has additional spacing (blue gap on top)

the reason for this is your text element doesnt just contain text, but it contains addition html markup:
Screenshot 2025-02-11 at 10.04.53.png

<div class="flex flex-col gap-2 items-start…"

you may have copied the text from another website and pasted it into the texteditor.
however, this also copies over the HTML, not just the text.

so i would go to this textbox in /wp-admin/, edit the text, click the <> code button:
Screenshot 2025-02-11 at 10.07.17.png

and remove the outer div, so we only have the inner <p tag

so basically you just want this part inside the code:
Screenshot 2025-02-11 at 10.08.30.png

next time you copy text from a website or pdf, if you want to make sure theres not extra HTML, you can first paste it into a texteditor, then copy it from there and then paste it into the gridder textbox

can you only use this css:

html, body {
overscroll-behavior: none;
}

and delete the other css?

why do u even need this css?
why don't you use the default behaviour, what is wrong with it?
maybe you can make a video to show what you dont like about the default behaviour?

when u open the project overlay and scroll, does it not work well enough without custom css?

make sure in lay options you have this setting disabled (its at the bottom):

Screenshot 2025-02-10 at 19.52.20.png

and now youd also need to decide: when will the submenu be hidden?
right now its only hidden, if you click the menu point again that opened it.

i think this would hide it if you click any link inside the submenu:

<script> jQuery('.fixed-submenu a').on('click', function(e){ jQuery(this).closest('.fixed-submenu').hide(); }) </script>

actually i found a way:

.lay-carousel-wrap{ display: flex; flex-direction: column; } .laycarousel-bullets{ order: -1; padding-bottom: 10px; padding-top: 0; }

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

Make sure to use the setting that puts captions and numbers below the carousel.
This CSS will then only put the dots above, while the rest stays below.

thats not possible i think

you can use custom css

.lay-carousel-slide a[data-type="project"] img{ transition: opacity 300ms ease; } .lay-carousel-slide a[data-type="project"]:hover img{ opacity: 0.5!important; } .lay-carousel-slide a[data-type="project"]{ background-color: red; }

for example.

or

.lay-carousel-slide a[data-type="project"] img{ transition: all 300ms ease; filter: brightness(1); } .lay-carousel-slide a[data-type="project"]:hover img{ filter: brightness(0.5); }

try this css

.img img{ pointer-events: none; }

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

how to do css based on certain pages:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

sorry about the late reply

mmh i think its not possible

this has nothing to do with this no?
https://laytheme.com/tutorials/create-a-splitscreen-website.html

do u have a link?

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

do u have a link?

Is there a way to force the site to display only in portrait mode and prevent it from showing in landscape mode?

mmh

how about you increase numbers here:

Screenshot 2025-01-29 at 17.38.34.png

phone breakpoint to 1000

tablet breakpoint to 1200

maybe?

or even higher

because i think the desktop version of your website is shown on a landscape phone

sorry for the late reply

hey!

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

with this you can have different content on your mobile version layout / content.

to have a different image as a site title, you can go to customize → mobile (smartphone) → mobile site title

here for example you can choose to use an image and then choose any image u want

Oh

so you dont need to move the website from one server to another,
basically you only want to change the sites domain name

i would say:
https://wordpress.org/plugins/better-search-replace/

with this plugin you can replace all occurences of your old url with the new one.
do this. now probably the website doesnt work when you try to access it with the old url.

now change the url in your webhost settings. then you should be able to access your site with the new url i think.

make sure to create a backup before doing that!

@arminunruh thank you!

it doesnt really work no? the iframe seems not to have a good height here:
https://zmr.eab.myftpupload.com/latest-jobs/

but it seems like you havent applied the css that i posted in my last post?

which colors do u want to change exactly? can u be more specific pls.
sorry about the wait!

.type-thumbnailgrid . thumb[data-id="3193"] .ph{ box-shadow: 10px 5px 5px red; }

Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

this gives the thumbnail of a project with id 3193 a red shadow:
Screenshot 2025-01-29 at 14.10.21.png

when u edit a project, u can find its id here in the URL:

Screenshot 2025-01-29 at 14.10.35.png

Screenshot 2025-01-29 at 14.02.39.png

when i set a project thumbnail and a project video,
the video is shown!

maybe u have custom css that makes it so the video is not shown?

do you also use the thumbnail mouseover image feature?
but even with this one activated, it should still just show the video at first.

recently i was working on making stacks be able to also have elements side by side in it.
for one lay update or two, i accidentally published the work in progress of that code. so that could have been the reason why stacks have been behaving strangely.

does it work when you turn off browser height for that row?