Header switching a button to "Login" or "Logged out"

Anyone know the quickest way to toggle a button in the Xpro header to reflect “login” / “logout”. The button will take to two different URLs.

1 Like

Hey Stuart,

This is possible by adding some custom CSS through the Element CSS of the two buttons.

Please add this to the Element CSS of the Login button:

body:not(.logged-in) $el {
  display: none;
}

then add this to the Element CSS of the Logged Out button:

.logged-in $el {
  display: none;
}

Hope this helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.