To give users a full browsing experience in your mobile website, you need to add a logo. There are two ways on how to add a logo using Brick&Mobile's CMS interface.
But first, a little preparation of your company logo:
1. Logos need to be resized to a width of 320 px. To do this, use an image editing software to resize the image of your logo.
2. To determine the proportional height of the logo image, use the following formula:
H = (290/Width of the original image) x Height of the original image
This will give your logo a proportional look once it is resized.
How to Add your logo
Method 1: Direct Upload from the local hard drive
1 - Click on the Theme link on the left side menu.
2 - Click on the Header/Footer tab under the Theme settings.
3 - To choose a logo image from your hard drive, click on the Choose File button.
4 - Once the logo is selected or loaded, click on the Upload button.
5 - If you want to adjust your header height, you may input a number in here.
6 - To activate the hamburger menu (a menu that will appear on the upper left side corner of the mobile website), specify a color from the color palette.
Method 2: Setting an Image from the Web
If your logo URL can be obtained from your desktop website, you can use this method. If not (if your logo is embedded on a flash animation, use Method 1)
7 - If the logo is uploaded on the web, copy its image URL and paste it on this field.
8 - Click the Update button to incorporate that external logo into your mobile website.
Click the Save button on the bottom part of the Header/Footer page to save any changes you made on the header area.
Below is an image on how to add a logo using the two methods