Customizing Header, Banner, and Footer

Add your website’s header, homepage banner, and footer to a Partner Fleet marketplace while keeping their styling separate from Partner Fleet’s built-in design.

📘
Open the step-by-step PDF guide in a new tab.

Prerequisites

Log in to your Partner Fleet Admin Dashboard.
Prepare the HTML for the header, banner, and footer you want to display.
Prepare any CSS and scripts that your custom elements require.

Add your custom code

In the Admin Dashboard, go to Marketplace.
Select Advanced next to Edit.
Add your code to the appropriate field in the Advanced modal.
Select Save.

The Advanced modal includes these fields:

Field	Use it for
Custom CSS	Styling Partner Fleet marketplace elements, such as cards, CTA buttons, and forms.
Header HTML	Your complete website header markup, including navigation menus and dropdowns.
Banner HTML	The homepage banner markup. This banner appears on the marketplace homepage only, not on listing pages.
Footer HTML	Your website footer markup and scripts required for dynamic behavior or mobile animations.
Custom Header & Footer CSS	Styling the header, banner, and footer that you add to the marketplace.

Prevent CSS conflicts

Use distinct CSS selectors for your custom code so it does not conflict with existing website or marketplace styles.

Prefix selectors that modify Partner Fleet platform styles with .partnerfleet.
Prefix classes for your custom header, banner, and footer with your company name or subdomain, such as .yoursubdomain.

Configure responsive behavior

Partner Fleet is responsive across screen sizes and browsers. Place responsive styling according to what you are changing:

Add responsive changes for Partner Fleet content in Custom CSS.
Add responsive changes for your custom header, banner, and footer in Custom Header & Footer CSS.

Verify your changes

Visit your marketplace and confirm that the header, banner, and footer display as expected.
In the Admin Dashboard, select Clear Cache to make the updates appear immediately.
Hard refresh the marketplace in your browser:
- Windows or Linux: Ctrl + Shift + R
- Mac: Cmd + Shift + R

Optional: Use the PDF version

Open the original step-by-step PDF guide if you need the source document.