---
title: Powerbar as an image
description: Powerbar as an image unit can experience some layout issues when displayed in different screen sizes.  Please follow these instructions in order to optimize the layout of your unit.   
---

[Skip to content](https://support.trendemon.com/powerbar-as-an-image#main-content)

English

Show submenu for translations

[![trendemon logo](https://support.trendemon.com/hubfs/trendemon_logo-1.svg)](https://www.trendemon.com/?hsLang=en)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Go to trendemon.com](https://www.trendemon.com/)

[Go to trendemon.com](https://www.trendemon.com/?hsLang=en)

 Hi! How can we help?

- There are no suggestions because the search field is empty.

1. [Success center](https://support.trendemon.com/?hsLang=en)
2. [Personalization](https://support.trendemon.com/personalization?hsLang=en)

# Powerbar as an image

Powerbar as an image unit can experience some layout issues when displayed in different screen sizes.  Please follow these instructions in order to optimize the layout of your unit.

1. We recommend creating separate powerbar units for Desktop and Mobile. Here are the commonly used image sizes you’ll need to upload for each unit type:

- Desktop - 1280X80
- Mobile -  360x80

    2. Use the background color under the Customize section to adjust the padding color. This will be             useful in cases where the screen size is wider than the image uploaded.   
   3. Please make sure the image you upload contains only color on the left and right edges (and not images). This will enable us to add color padding on the sides and make the image appear longer if required.  

![KB - powerbar as an img](https://support.trendemon.com/hs-fs/hubfs/KB%20-%20powerbar%20as%20an%20img.png?width=688&height=59&name=KB%20-%20powerbar%20as%20an%20img.png)

 

- [Getting started](https://support.trendemon.com/getting-started?hsLang=en)
- [Personalization](https://support.trendemon.com/personalization?hsLang=en)
- [Integrations](https://support.trendemon.com/integrations?hsLang=en)
- [Account based orchestration](https://support.trendemon.com/account-based-orchestration?hsLang=en)
- [Privacy, Security and Compliance](https://support.trendemon.com/privacy-security-and-compliance?hsLang=en)
- [FAQ & Troubleshooting](https://support.trendemon.com/faq-troubleshooting?hsLang=en)
- [Best Practices](https://support.trendemon.com/best-practices?hsLang=en)

[![Chill listening crop-3](https://support.trendemon.com/hs-fs/hubfs/TrenDemon%20logo.png?width=132&height=24&name=TrenDemon%20logo.png "Chill listening crop-3")](http://trendemon.com?hsLang=en)

Trendemon Success Center

<https://www.linkedin.com/company/trendemon/>

Copyright © 2026, Trendemon