hello i created a fix for this now where you can set the correct video dimensions, you can read about it here: http://laythemeforum.com/topic/10701/mobile-videos-are-forced-1x1/4

Hey i know this is an old post, but i created a way to fix this now. You can read about it here: http://laythemeforum.com:4567/topic/10701/mobile-videos-are-forced-1x1/4

i see you already did it. the way to do it is use a custom phone layout https://laytheme.com/documentation/custom-phone-layouts.html

thanksssssss!!

actually it would be easier for me to just code the possibility to replace thumbnail images I know that I can do this with the element or thumbnail grid but if you use this then, you can't do the "replace image" for a project thumnbail. cause that was your main concern why you didnt want to use the elementgrid or thumbnailgrid right? if i would do that would it fix the issue for you?

[image: 1739264576911-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: [image: 1739264700180-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: [image: 1739264842226-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: [image: 1739264915332-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): [image: 1739213544329-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: [image: 1738168719807-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!