Deleting the Top Banner

API & Custom Code Ask Developers
1

I am trying to remove the Banner above the menu, I used to use this snippet which I got from : CSS Examples. Hide the Logo

#knack-logo {
display: none;
}

But it doesn’t work any more, has anyone found the same thing and overcome it?

This from a Non coder.

2

Hey John. This should be running as is… Is there any custom code on the app? Can you try inspect element and see if there are any errors in the console?

3

Hi Arjun
Thanks for the reply, I have put this snippet in a small app that has no other CSS or Java in it and inspected the Console using Chrome and this is what I got:

Screenshot 2021-11-20 at 14.30.27
Screenshot 2021-11-20 at 14.30.27772×272 53.8 KB

Does this mean anything to you? Any help would be appreciated.
John

4

Hey John. I just tried adding the css in one of my apps to see if it works. Looks like a “display: block;” is set for the “#knack-logo” custom css is loaded. Change the css to the following and it should work:

#knack-logo {
    display: none !important;
}
5

Hey Arjun

That worked perfectly, thanks so much for your time and knowledge.

John

1 Like
6

Hello, any idea how to hide logo only on particular pages?

7

You can simply use the scene/view render method to achieve this… Something like this might work:

$(document).on('knack-scene-render.scene_xxx', function (event, scene ) {
    $("#knack-logo").hide();
});
8

Works a treat. thanks Arjun