Notice the company logo that appears in the top navigation bar in the portal. You're going to replace it in this step.
To replace the logo:
Obtain a copy of your company logo that would be suitable for use in the top navigation bar for desktop (approximate size: 192 x 32 pixels) and
mobile (approximate size: 156 x 32 pixels) displays.
Upload the primary logo.
Cloud Console UI (Preview)
In the Theme editor, under Basic Styles, click Browse.
Navigate to and select the logo file.
Click Open.
Classic UI
In the Theme Editor, to replace the logo in the top navigation bar on desktop displays:
Under Basic Styles in the right pane click Upload under the Primary logo field.
Browse for the desktop version of your logo in your local directory.
Click Open to upload the file.
Upload the mobile logo.
Cloud Console UI (Preview)
In the Theme editor, under Basic Styles, expand Logo options.
Click Browse.
Navigate to and select the mobile logo file.
Click Open.
Classic UI
To replace the logo in the top navigation bar on mobile displays:
Under Basic Styles in the right pane expand Logo options and click Upload under the Mobile logo field.
Browse for the mobile version of your logo in your local directory.
Click Open to upload the file.
Click Save.
Click Preview to preview the portal changes in a browser.
Depending on the width of your browser, you may see the desktop or mobile version of the logo.
Click Publish to publish the changes to your portal. Confirm the operation when prompted.
Click View Portal to open the live portal in a new browser tab (or refresh the tab in which it is already open).
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-05-05 UTC."],[[["This guide explains how to replace the default logo in the top navigation bar of your Apigee or Apigee hybrid portal."],["You will need to upload two versions of your company logo: one for desktop displays (approximately 192 x 32 pixels) and one for mobile displays (approximately 156 x 32 pixels)."],["The logo is uploaded via the Theme Editor, under the Basic Styles section, by selecting and uploading your logo files into the Primary logo and Mobile logo fields."],["After uploading, the changes can be viewed in the preview pane, and published to the portal, which can then be viewed in a new browser tab."],["Following this process will allow you to move on to the next step of editing the page content in your portal."]]],[]]
Upload under the Primary logo field.