Lay Theme Forum

Checking in here!

Hey all!

Love the shop feature. Everything is working great for me. I was wondering however if the variation dropdowns could be expanded + some padding added at the bottom of the page. Sometimes a few sizes are cutting off on a site I am making for a jeweller. Obviously it's not really the norm to have 14+ sizes but something that I've run into which I thought would be good to mention.

Example here: http://box2016.temp.domains/~aistudi3/product/triangle-band/

Thank you!

Hey @wardsnippe @Richard! Fixed by positioning the button top-right. I think it was interfacing weirdly with our slide captions and numbers.

Code used was simply:

.lay-mute-unmute-button {
	top: 1%;
	right: 1%;
}

Hope that helps :)

Hi Richard,

Same problem for me:

https://directorslab.com/albert-moya-2

OK - for the time being I was able to use a Vimeo embed and CSS to get this working as I have to deliver the site ASAP.

The code is very clunky but fine for now.

Have killed that script and still not having any luck!

@Richard could be related - but doesn't quite solve the issue as I'm just using the regular 'set video as row background' function that LayTheme provides, in a mobile layout. I'll look into it but quite certain this might be a bug in the theme?

Hey there,

Can't seem to get video background working on mobile. It's been fine before on other sites but for some reason isn't working for this build. CDN is disabled and I've stripped the audio from the video in Premiere.

The url where this is happening is https://directorslab.com/dev2

Please let me know if anyone else has run into this or if there's a quick fix anyone is aware of!

You should be able to see what I'm talking about now at http://treylyons.com/category/video-2

Hi Richard!

I disabled the parallax for a client preview. I'll login and re-enable now so that you can see the issue :)

It appears this is also happening when 'Activate on scroll element transitions' is checked!

Hey all!

I've added some CSS to .title to make sure project titles appear centered on the page when the thumbnails are hovered over. I'd love to use the parallax effect with my imagery for this page, but it seems to not interact well with the CSS. You can see here https://treylyons.com/category/video-2

I am using this code:

.title {
	position: fixed;
	bottom: 50%;
	left: 50%;
        margin-right: -50%;
	transform: translate(-50%, -50%)
}

Is there something else I should be targeting?

I use this!

.slug-home .sitetitle {
		display: none;
}

You'll just need to change '.slug-home' to whatever your URL slug for the page is

:)

Hi there!

I'm trying to get independent scrolling for columns working on this page:

http://actualobjects.org/category/work

For a minute it seemed like I was almost there but after turning off on scroll element transitions it stopped working.

Basically the body of the page should be fixed and each column should scroll by itself.

If anyone has any suggestions let me know!

I've put all of each column's content into three stacks and set HTML classes (left, middle, right). Current CSS I am using is as follows:

.slug-work
.left,
.middle,
.right {
	overflow: scroll;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.slug-work html, body {
	margin: 0;
  height: 100vh;
}