Welcome Link Banner

Theme component
,
138

@Aurora

One way would be to create links for logged-in users and follow the links for logged-out users (in order, so you have two groups of links).

Then, with some CSS, you hide one group or another.
There is a CSS anon class you could use.

For example, let’s say you have two links for logged-in users and 3 for logged-out users:

  • logged-in link 1
  • logged-in link 2
  • logged-out link 1
  • logged-out link 2
  • logged-out link 3

In CSS, you can do:

/* Logged-out users: Hides the first two links */
html.anon .featured-banner-link > div:nth-child(-n+2) {
    display: none !important;
}

/* Logged-in users: Hides the last three links */
html:not(.anon) .featured-banner-link > div:nth-last-child(-n+3) {
    display: none !important;
}

Would that work with you?

5 Likes