Hide login in menu when logged in on external site embedded in Webflow

Design help Custom code
1

I have created some user pages requiring logging in on www.knack.com and can embed those pages into my webflow site.

How do I hide the login link/button in the menu in webflow on those embedded Knack pages (which will show “logout” in the embedded view when the user is logged in)?

Thanks

2

hello,
you can add some css on your knack app

go to your API & CODE page on your knack app.
go to CSS,
and insert

.kn-current_user{
visibility: hidden;
}

if you want to hide the whole thing, (header, crumbtails, menu,logged in user, etc) and use webflow navigation instead,
you can put this css on your knack app (go to your API & CODE page on your knack app.
go to CSS)
and insert

#view_1 div.kn-login-form {
  display: none;
}

#kn-info-bar   display:none !important;
}


.kn-crumbtrail {
  visibility: hidden;
}

.kn-current_user{
  visibility: hidden;
}

/* Use this to hide the menu on all pages. */
#kn-app-menu {
  display:none !important;
}

#knack-logo {
  display: none;
}

/* Use this to hide the menu on all pages. */
#kn-app-menu {
  display:none !important;
}

div.kn-current_user > a:nth-of-type(1){
  display:none;
}

#kn-view kn-back-link
  display:none !important;
}

/* Change #view_# to the view key of the login view you want to hide the signup button on. */
/* Change p:nth-child(#) to the button you want to remove. This is a number so count from the left to find the number to fill in here, then subtract 1. */
#view_# .kn-login-form div div p:nth-child(#) a {
  display: none;
});

im not a developer, and im also new to knack and webflow, so i apologize in advance if there is something wrong on my code. but the code works just fine for me.
you should try it out too! :grinning:

hope it helps!