Editing The Top Bar

You can change the general top bar image, as well as place a logo or text to the top bar separate from the top bar image.

Learn to change the top bar:

• Changing the top bar image
• Adding a logo or text to the top bar

» Read more about managing the layout editor

If you want to change the image of the top bar, you can do it under the layout editing panel.

1. Clikck on "Edit Layout" tab at the top of your website. Layout editor will open at the bottom of your page.

2. In the layout editor, click on "Top Bar".

3. If you have your own top bar image, click on 'Add own top bar image'. If you want to choose a top bar from Moogo's library, click on 'Select image from library'. You can alternatively also delete the top bar and change the background color of the top bar.

4. Under 'Additional settings' of the top bar you can also hide the top bar. This allows you to have only menu and content on the website.

5. After you have made the changes, don't forget to click 'Save'.

Besides changing the top bar image you can add a logo or text on the top bar.

1. Start by clicking on the + button at the upper left corner of the top bar.

2. Select the image you wish to be added as the logo using the file browser or write the text you want to appear at the top bar. The logo should be scaled down to size when selecting it. The recommended size is roughly around 200x100 pixels.

3. After adding the logo, but while still editing the top bar, you can drag-and-drop it to the location of your liking. Just take your mouse to the logo/text and drag it to the location you want it at.

4. Save the logo/text editor and your text or logo will stay at the top bar.