Sidebar (or any reusable element) how to hide when page < xx size

I have a sidebar… I copied it from a header.

Most groups or things we put on a page in the design section, we can simply go to that elements “conditional” settings… and say something like “when this page with is > xx” this element is invisible.

with headers and sidebars… and repeating elements… I don’t get that 'this element is visible" option…

What am I missing?

Thanks in advance.

You need to group the reusable sidebar. Normally into a Floting Group if you intend to make a sticky sidebar.

3 Likes

Ahh… so this is done on every page?> I see when editing the reusable elements… we cant right click “group into group”… BUT we can do that on every page like “index” for example… so basically, just every page that has the sidebar, turn it into a group (floating)… and then put the conditional info on there…

This makes sense… Thank you, @JonL

2 Likes