How to add logo on a page
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.
Common Uses:
- Header
- Footer
- Sidebar
Beware! This element is a part of the Jupiter X elements. Jupiter X is exclusively developed by Artbees which represents new useful elements to Elementor.
To add a Site Logo element to a page:
1. Add a new page or edit an existing one.
2. Click on Edit with Elementor button.
3. From the left dashboard, search for a “Site Logo”.
4. Drag and drop the Site Logo element to your page.
5. A new dashboard on the left will open with the element’s settings.
6. Edit the settings and Update the page.
How to upload logo image to Site Logo element, please refer to this article.
How to assign a different logo to mobile screens?
Using Logo Element you can easily assign a different version of the logo to your mobile and tablet screens. In order to do that, you would need:
1 – Add a different version of the logo from Customizer -> Site Identity.
2 – Save the customizer settings. Then in the Site Logo element, look for the Choose Logo option and click on the responsive option icon.
3 – Simply chose a different version of your logo for different devices and save the template or page.
Responsive Layout Options
You can choose to have different settings on different screen sizes for some of the elements. Whenever you see this icon, it means that you can choose the different screen sizes and freely change those 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.
