Lay Theme Forum

maybe it had to do with the cache not clearing automatically after lay theme updates.
You could try to update again now and see if it works then.

You can also send the URL to the page where it doesn't work to info@laytheme.com

But please make sure to send a link to this topic too for context.

you're welcome! <3

I changed the code a little bit. I had one or two things that were not optimal yet. You can copy the code again from my post above.

You will find it in Lay Options . Custom HTML and CSS, and I think it's the very last text box at the bottom.

then you can adapt the CSS so the line has the right height and spacing.

Try to adapt the CSS using maybe ChatGPT or Gemini or something if you need help with that

<script>
(function () {
	var lists = document.querySelectorAll('nav.laynav.primary > ul');
	for (var i = 0; i < lists.length; i++) {
		var ul = lists[i];
		// collect the real menu items (excluding dividers)
		var items = [];
		for (var c = 0; c < ul.children.length; c++) {
			var child = ul.children[c];
			if (child.tagName === 'LI' && !child.classList.contains('lay-menu-divider')) {
				items.push(child);
			}
		}
		// insert a divider before every menu item except the first
		for (var j = 1; j < items.length; j++) {
			var prev = items[j].previousElementSibling;
			if (prev && prev.classList.contains('lay-menu-divider')) {
				continue; // divider already there
			}
			var divider = document.createElement('li');
			divider.className = 'lay-menu-divider';
			divider.setAttribute('aria-hidden', 'true');
			ul.insertBefore(divider, items[j]);
		}
	}
})();
</script>

<style>
/* Vertical divider line between menu items (JS-inserted <li>) */
nav.laynav.primary > ul > li.lay-menu-divider {
	display: inline-block;
	vertical-align: middle;   /* vertically centered on the menu line */
	width: 1px;               /* line thickness */
	height: 15px;             /* line height */
	margin: 0 2px;           /* space left/right → breathing room from the text */
	padding: 0;
margin-top: 5px;
	background-color: #000;   /* black */
}
</style>

copy this and put it into "html at bottom"

okay, so it seems that in some cases Lay Theme's own cache did not clear itself when updating to a newer version of lay theme. Probably that's why it didn't look right for you now.

I will release a fix for this today. So then probably the only thing you would need to do is to update again today, and then it should look right.

hey, actually, can you disable all your caching plugins and also click "clear layout cache" ?

In case that's shown in your WordPress admin panel admin bar at the top

And then check it out again.

it was released yesterday

do you mean the whole layout or just per row?

hey, no, there is no easy way, except for using a stack, but I will write this down as a feature request.

you could also just try updating now and then see if the sidebar appears.

okay, thanks for the heads up. I will release an update that fixes this, probably today. I will check it out now and see why this happens, and thanks for the link. That really helps.

Ok, I will release an update now that fixes this. This won't make any changes to your site because now you already touched those settings.
But for other people, those new settings will only be applied when they activate Lay Theme on a fresh install. If they just use Lay Theme just like that, they already have it installed, they will keep the old default settings.

Hey, emgeoffice.
Yes, you're right.
Let me think about how to handle this differently.
I think I should change the behavior and make it so the default values stay the same, so people don't run into the same issue that you did.

And then somehow only change the default values if someone just freshly activated Lay Theme.

Okay, great. You found the solution.

well, I can't really reproduce this on your site because I guess there are just some website coming soon pages.

Please post the exact project URL where I can test this.

Hey there, so styling short codes: it really depends on what the short code delivers. A short code can produce all kinds of things. That is defined by the plugin author who provides the short code. If you want to style the output of a short code, it has to be done in the plugin settings or the plugin authoor needs to help you with that, not me.

Short codes in text: I mean, you could try to enable "content filter" In Lay Options. In lay options, just search for those words, and you will see the setting.

This should make it possible to have shortcodes in text elements too.

About short codes between two text elements, this, I think, really depends on the shortcode itself. Without a URL to where you have the issue, I can't really inspect and see what's going on, so if you could post a URL, that would be great.

I will release a Carousel Add-on update that should fix this with caching enabled.

maybe this is project overlay related. The next update should fix this if thats the case

the Carousel add-on was probably an issue related to that. This will be fixed too with the next update.