Lay Theme Forum

Thanks @arminunruh I got to the bottom of it. User error. The site was using page overlays for all content pages, and we were positive that we had a footer page setup, but it was in fact built into the single home page layout and not as a seperate footer page. So it's all good, there is no bug relating to this.

Hi all. I am seeing the strangest bug in the Wordpress backend. We have a site that is setup with pages that have footers. The footer is a single page that is specified as the footer page and automatically populates on each page. On the front end they work fine, but in the backend CMS, the footer page/template has literally disappeared. it no longer appears in the list of pages.

I have checked everything, to make sure it's not on some second page, not hidden at the bottom, not renamed to something else. It's just no longer there and I can't make sense of it. Has anyone else experienced this?

Does anyone know a way to make page overlays push the underlaying page content across, rather than overlay it? If you see the menu on this site you will see what I mean.

https://www.generalstudios.com

The right hand panel could easily be created as an overlay in Lay, however I'm trying to work out a way for it to slide the main page content across at the same time>

It would be great if there was a way to drag rows (rather than using the up/down arrows) to change their order and move them up or down the page more easily.

Currently if you want to move a pair of 2 rows up above lets say 5 rows above them, then you have to click the up arrow 10 times times in total which can be hard to follow and tedious. It would be helpful if rows have some sort of draggable handle, where you can pick it up and move it up/down the page easily in the same way you can move a page element, rather having to click the arrows.

@arminunruh amazing thanks for making this happen. Great feature addition.

@arminunruh yes exactly. The way you have provided the left hand option is cool too for flexibility. My thinking was that it would be really useful to have the option to select left or right hand options.

@arminunruh Also a bad bug I just found. If you have a number of accordion rows, and add a new one then it retains your existing content. But if you change the number to more than one new row (ie add two or more new rows), it deletes and resets all your content!

@arminunruh new accordion is such a nice feature. So easy and fast to use and move around the page. Thanks for getting that in. One little tweak, would be great to be able to position the open/close icon on either the left or the right of the accordion if possible. Also would be great if cursor changes on hover, given they are active links. Otherwise it's perfect.

I wanted to suggest the ability to bring more features to the carousel so it can be used to display horizontally scrolling content "cards" or modules. These could include:

• Specific card shape and dimensions, like rounded corners, background colour etc
• Specific hover state, so when you hover over the card, an overlay effect can appear, like transparency, or text, or an image
• Specify a background photo
• Specify the headline and caption to sit on top of the card
• Ability to customise the left/right arrow style/image for the horizontal scrolling feature

It would be great if there was a simple elegant accordion feature, that allows you to embed accordions into a page. I know you can manually construct these using collapsed rows, but they are very problematic and clunky. They need lots of tinkering, it's hard to easily shuffle the order of items, and impossible to move the entire accordion around on the page or into a right/left hand column of a row.

Ideal features would be:

• Add an accordion element to the page via the "+More" drop down menu, in the same way you add a shortcode
• Create the accordion row title and the contents that expand
• Ability to add/remove accordion rows easily
• Ability to easily re-order rows
• Ability to select from a few icon options (+/-) that open/close the accordion rows
• Ability to add text/image or video inside the accordion content
• Ability to define how they expand/collapse

Accordions are such a useful tool for embedding a lot of content and making it easily discoverable, like FAQs, and it feels like it's something Lay is missing.

@arminunruh This is working well. Would it be possible to add a little icon to those elements that are locked, so they can easily be seen on the page. Like a little padlock in the top right corner? Currently the only way to know is to manually try and move things which is time consuming if you have a page with a number of locked elements you are trying to manage.

Yeah this is great @arminunruh. A really nice feature addition. Thanks for taking that on board.

I think both options are actually really useful. Locking it entirely prevents accidental editing/deleting which is a risk. While locking position only allows editing and prevents accidental movement/repositioning. Both would be great features. Could you have "Lock Position" and "Lock Element"?

Amazing @arminunruh , will this allow the item to still be edited while its position is only locked? That's the ideal scenario as @michael_vvc mentioned

This need has come up many times. It would be really great if it was possible to lock any element on the grid - images, text, shortcakes etc.

A simple right click with a "lock element" feature would be ideal. This helps prevent accidental changes to the site by clients who want to log in and manage content. This has happened to us a number of times, where we have had to then go in and try and restore it.

Thankyou this is perfect. I spend half a day tweaking code that just never works as I really want ir. Appreciate the help.

Sorry one more query on this. On mobile, I want the overlay to site centred full width at the bottom of the screen with 10px on each side. However again struggling to get this working. I've gotten this far but it causes issues. The overlay close button no loner works and its become buggy.

.overlay-id-974.lay-slide-from-right {
  top: auto !important;
  bottom: 30px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

Thankyou Armin. That works!

@arminunruh I have tested the positioning code you have shown, the challenge is I only want to apply it to one overlay, not all of them (because I use overlays as slide out menus). I have tried to target the overlay id, but it won't work no matter what I do. This is the code I keep arriving at but still no luck. What am I doing wrong here?

/* 1. Only transform this specific overlay */
.lay-overlay .overlay-id-974.lay-show-overlay.lay-slide-from-right {
  transform: translateX(-50px) !important;
}

/* 2. Only reposition this specific overlay */
.lay-overlay .overlay-id-974.lay-slide-from-right {
  top: auto !important;
  bottom: 50px !important;
}

/* 3. Only set height for this specific overlay */
.lay-overlay .overlay-id-974 {
  height: 300px !important;
}

@arminunruh You are Yoda. Thankyou.