Your logo helps visitors recognize your business as they move around your website. If you already have one, you can add it to your navigation and footer; if you need a starting point, you can work with Dru to generate one. Follow the steps below to add your logo and check that it stays clear at different screen sizes.
​

Select the site's navigation or the logo itself. Attach the logo in Dru chat and ask Dru to use it in the navigation. State whether you also want it in the footer. You can also open Edit manually beside the input in the Dru panel on the right and use the image field available for the logo.
​

Use an image with enough resolution for the intended display size. A transparent background can help it sit cleanly on your site's colors. Review how it looks against both the navigation and footer backgrounds.
​

Select the navigation or logo and describe the result you want. Include the business name, preferred colors, and a simple description of the style. Review spelling and detail carefully before using the result.
​

You can ask Dru to change the logo's appearance, but check the page itself after each revision. A logo that looks clear at full size can become hard to read in a mobile header.
​

Open the manual image controls available for the logo to adjust its display or use Open Studio for image work. If background removal or a scale control is offered, preview the result before applying it. Avoid enlarging a small image until it appears blurry.
​

Check the navigation and footer in desktop and mobile preview. The browser-tab icon is a separate setting. Follow Customize your website favicon to make that icon match your logo. Publish your website changes when ready.
​