Site Logo Element
A logo is a visual representation of your business. It reflects your company’s name, message and values. Over time, your logo should be immediately recognizable to your customers, which is why Jupiter X offers a Site Logo element. The Site Logo element allows you to add a logo anywhere on your website. This element comes really handy when you are building a custom header or footer using Elementor.
In this article
Displaying a Site Logo Element
To add a Site Logo element to a page:
|Logo||Please select or upload your Logo in Appearance > Customize > Site Identity.|
|Link||Add a custom link for your logo.|
Different Types of Logos
There are several logo types which are used in specific situations.
|Default Logo||This logo will be used as your default logo.
|Light Logo||This logo will be used when the transparent header is enabled and your header skin is light.
|Sticky Logo||This logo will be used when the header is in a sticky state.
|Mobile Logo||This logo will be used on mobile devices.
|Sub Footer Logo||This logo will appear in the sub footer section.|
Setting up the Logo
In order to be able to use this element, you need to set up your logo at first in the Jupiter X options.
Adding a Site Logo Inside Header
To add a Site Logo to the header:
Adding a Site Logo Inside Footer
Simply follow the section above called “Adding a Site Logo Inside Header“, but on step 3, for the template type select Footer.
You can choose to have different settings on different screen sizes for some of the Button element options. Whenever you see this icon, it means that you can choose different screen size and freely change that options for your specific resolution.
At first you’ll see the icon for desktop layout only
But when you click that icon, you’ll get two more layouts: for tablet and phone.
To learn more about it, please check this article.