Skip to main content

How to hide logo on page

Introduction​

In this guide, we will learn how to hide the logo on a specific page. We will use the app-toolbar-logo-display filter to hide the logo on a specific page.

How to hide logo on page​

Below is an example on hiding the logo on a specific page. It will hide the logo on the page with the id mywebviewpageid.

import { appmaker } from '@appmaker-xyz/core';
appmaker.addFilter(
      'app-toolbar-logo-display',
      'my-theme-name', // namespace
      (display, { pageId }) => {
        if (pageId === 'mywebviewpageid') { // replace with your page id
          return false;
        }
        return display;
      },
    );