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): [image: 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?

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: [image: 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: [image: Screenshot 2025-01-29 at 14.10.21.png] when u edit a project, u can find its id here in the URL: [image: Screenshot 2025-01-29 at 14.10.35.png]

[image: 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?

maybe doing this course will help also https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

maybe this: https://github.com/nolimits4web/swiper/discussions/5773 seems like if you use some custom css you may get it to work. however it apparently only works if all slides have the same witdh

u mean here? https://rankmath.com/tools/seo-analyzer/ when i enter a url i dont see a section for links links are just <a href="…"> anchor tags. all lay theme websites have anchor tags on them for links, not sure why they wouldn't get recognized