Bunch of old annoying bugs still waiting to be fixed

---

Hey @arminunruh and @Richard-Keith,

I hope you both are well.

I just wanted to highlight some issues/glitches with the theme that has been present (as well as reported) for a while now, hoping they can be fixed in the next theme update or so as they are stopping me (and maybe others too?) from publishing the site for a client.

1 — Stacks still get covered by a full-screen video background in the desktop and mobile viewports. This was already mentioned by me here (http://laythemeforum.com:4567/topic/5762/stack-gets-covered-by-a-full-screen-video-background/2). If you place a stack on a full-screen video background, then the video background will overlap the stack and you won’t be able to see the content of the aforementioned stack at all. (In the desktop viewport) you won't get this bug if you place normal text on the video background, but the issue will occur if you put the same text inside the stack.

CMS view:

Page after publishing:

2 — The cover feature still doesn’t seem to work on mobiles, unless you deactivate Fullscreen Slider in the plugin settings. This was previously reported here (http://laythemeforum.com:4567/topic/5448/cover-option-on-mobile-not-working?_=1594199322174). However, if you deactivate Fullscreen slider plugin, then any text placed on a full-screen video background gets overlapped by the video background. So this is almost exactly the same problem as the one described in point #1 above, but this time the text doesn’t even sit inside the stack. Problem disappears when you reactivate Fullscreen slider, but then the cover feature stops working again in the mobile viewport. That’s a vicious circle.

3 — I have a Vimeo embed centred on a page with “Use Browser Height for Row Height” switched on. If the Fullscreen slider is deactivated and the Cover feature is switched on, the video embed goes right to the top of the page instead of staying in the middle. If I disable the Cover feature or deactivate Fullscreen Slider plugin, then page goes back to normal and the arrangement of the elements on the page is correct.

4 — My Laytheme (which is licensed and updated to the latest version) seems to be lacking certain basic options in the Customiser, such as “Front Page”.

5 — Apart from all that, I‘m trying to make a fading rollover effect on the sitetitle and the primary nav using the following code from the Laytheme Documentation page and pasting it in the Customs CSS & HTML section:

/* site title transition /

.sitetitle.txt{
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
}
/ navigation transition */
nav.primary a{
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
}

But it seems to have no effect on the sitetitle as the colour is changing immediately, much faster than the aforementioned 600ms in the code. It works on the primary nav though. Could anyone help?

Unfortunately, I can’t post the link to the site publicly, but I will be more than happy to share it privately together with any other details that may be required.

Many thanks in advance for looking into this!

Anyone can help with this?

hey

apologies. my support coworker is new and hasn't sent this to me and hasn't answered…
i'll take a look asap

hi @arminunruh

Thanks for the reply. No worries about that. In the meantime, I was trying to resolve these issues myself and came to the following conclusions.

Re 1: You can fix this issue by adding a custom CSS class to the stack with w z-index included. Nonetheless, it would be great to have that fixed at some point.

Re 2: This is still an ongoing issue. The cover feature and full-screen slider lack compatibility in the mobile viewports, however, the rest of the issue can be resolved by adding the z-index in the custom CSS.

Re 3: This bug is still there, but, now I understand better what is causing it. If you place and centre video embed (i.e. Vimeo) in the mobile viewport with “Use Browser Height for Row Height” option and cover feature active, and then add another element such as text (like I did “Project information“ in the screenshot above) to the same row, the whole layout will go out of the window. If you remove the text element or place it in the stack together with the video embed, the site is coming back to normal.

Nothing new regarding 4 & 5

Hey So I'm looking into this now and I cannot recreate Issue 1 or 2.
So I need u to do this:

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

I'll look into the other issues on your site directly.

issue 3 and 4 i cannot recreate either

issue 4, hm i definitely need to take a look here using your login

issue 5:
please use this css for the site title transition:

/* site title transition */
.sitetitle.txt .sitetitle-txt-inner span{
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
}

instead of

.sitetitle.txt{
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
}


i updated the doc

Thanks for ur login info

Ok, I'll release a lay theme update today that fixes the issue with row background videos overlapping texts in a stack.

In your customizer, somehow your frontpage cannot be shown, the console throws an error:
Refused to display 'https://vimeo.com/michalsulima?customize_changeset_uuid=17678db8-c7c6-4d09-bc68-c718d510bd64&customize_theme=lay&customize_messenger_channel=preview-0' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Maybe try and remove the vimeo video from your frontpage and try again.

Also you can use a newer php version, you can set the php version in your webhost control panel.

3:
oh yea im seeing this now. I'll fix it!

Ok, i just released an update that should fix the issues 1 and 2 and 3.
If it doesn't for you please write an email to info@laytheme.com