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

[Stuartallison]

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.

[jade]

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;
}

Element CSS | Themeco Docs

Hope this helps.