Custom Logo

How to add a custom logo on top of menu

Logo on top of the menu

People are asking often how to put their logo on top of th menu. Here is this little guide. There are some bumps on the road still, but we’re working on it. Hope this helps anyway.

Final result

What we have to do to get this?

  • Get your logo image ready

    Here is the template which fits Default Theme which is basically 230x90px image with 30px transparent space at the left.

    Editing logo

    Download sample template.png

  • Save logo to imagevue/themes/default/logo.png

    You have to use .png or .gif because those formats support transparency. File must be in the same directory theme is. For now that is the only option.

  • Set logo to be displayed on background, in top left corner:

    Go to Themes (not global settings):

    • Theme › Theme you use › Edit
    • Style › Background Image

    Change Theme background

  • Move menu a little bit lower and remove alpha effects ( otherwise menu will be on top of the image )

    I just set everything to 0 for this example.

    Change Theme Mainmenu settings

  • Remove words “Gallery menu” from language you use

    Languages > English:

    Change Theme Mainmenu settings

    The trick is to actually add   just space won’t work.

And this is it.


7 Responses to "Custom logo on top of the menu"

  1. Is it possible to add a link to the logo ?

    I want to press it and go back to HOME

  2. in 2.7.4 i cant put logo.png in Style › Background Image, there is only select option there ??

  3. how to place the menu 90px below the custom logo?

  4. I am building my website.

    I want to place my logo on the top of the menu.

    I save my logo.gif to image/iv-includes/themes/default

    Then I open the themes edit mode. In the background_image mode , I can only choose within the URL: background.gif or thumb.jpg, but not the logo.jpg (why jpg and not gif?)

    What do I wrong.
    Can you help me

    Wim van Oel.

  5. On reaction to your comment in the forum about the Custom logo on the top of the menu, you mentioned that ” You would then replace your logo image with the SWF in your theme …”;but where is the SWF in the white theme?
    Please give us an easy description in the documentation how to place the logo.

    Thanks for your help

    Wim van Oel.

  6. There is an upload button at the upper right corner in the theme’s editor. It allows you to upload your backgrounds, be it jpg, or swf to the theme’s folder. After you upload a file it will appear in the background dropdowns. http://d.pr/ojkg

  7. Thank you very much; you give me the real solution.

    Wim van Oel.


Comments