Logo
In Upscale, you need to upload 6 types of logo which are the default logo, logo for light & transparent header, logo for dark & transparent header, sticky logo, mobile logo, and footer logo.
- Navigate to Appearance > Customize > Header > Logo & Site Identity or Appearance > Customize > Footer > Footer Main
- If you haven’t built your header yet, select the logo position and header layout you want from the style section
- Upload your logo for all versions (default, transparent, sticky, mobile, footer, and retina) by clicking on select image button
- Browse your logo on the ‘Media Library’ or upload a new one, then click choose image
- Click save & publish to save your change or change file to choose another logo image.
On the right side, you can see the live preview how your logo will be displayed.
TIP: For retina logo, you need to upload another image with twice the size of your “normal” logo. You also need to make sure that the file have the SAME logo name and add @2x before file extension. For example, if your logo file name is “mylogo.png” (resolution 200 x 20px), you should upload another named “[email protected]” (resolution 400 x 40px) for the retina logo.
NOTE: Upscale’s default logo in the demo is set at 141 × 60px.
Favicon
- Navigate to Appearance > Customize > Header > Logo & Site Identity
- Scroll down to the Site Icon Logo section
- Click on select image button to upload your favicon logo
- Browse your favicon on the ‘Media Library’ or upload a new one, then click choose Image
- Click save & publish to save your change or change file to choose another logo image.
NOTE: Icons must be square, and the minimum resolution is 512 pixels wide and tall.