The best WordPress theme we have ever built is officially available now! | Meet Jupiter X
Checking Jupiter X Server Requirements Registering the Jupiter X Theme Installing Jupiter X Theme and Child Theme Installing Plugins Installing a Template How Jupiter X is Compatible With Major Plugins What Will Happen When I Switch From Jupiter to Jupiter X What is Elementor Alert Element Button Element Categories Element Countdown Element Counter Element Divider Element Flex Spacer Element Form Element Heading Element Image Element Icon Element Navigation Menu Element Photo Album Element Photo Roller Element Posts Element Posts Carousel Element Search Form Element Site Logo Element Shopping Cart Element Tabs Element Video Element Customizing the Elements Using Custom CSS How can I Copy/Paste a page section into a new page using Elementor How do I Enable Elementor for Custom Post Type? Upgrading Jupiter Theme to Version X Updating Jupiter X Theme and Child Theme Updating Plugins Clearing the Cache Optimizing to get the Maximum Speed Using Jupiter X SEO Considerations With Jupiter X Margins, Paddings, Borders Customizing Backgrounds Typography Settings Responsive and Alignment Options Display and Image Size Options How to Troubleshoot a Jupiter X Issue Jupiter X Migration Issues Overriding Theme Customizations inside the Pages Page options and templates Adding a New Header Choose Different Headers on Different Pages How to create and assign a sticky header to a page (using Elementor) What is Shop Customizer Checkout and Cart Product List Product Page Using Predefined Sidebars Footer Settings Widget Settings and Styles Translating the Theme Words Customizing the Elements Using Custom CSS How to Convert Pages to Elementor? How to correctly create full width page How to create and assign a sticky header to a page (using Elementor) How to create Header Style 2 from Jupiter in Jupiter X using Elementor How to Enable my Child Theme in Jupiter X? I have unwanted space on top and bottom of my page, what should I do? Will I Lose my Content if I Switch to Jupiter X What is Elementor What Will Happen When I Switch From Jupiter to Jupiter X How can I Copy/Paste a page section into a new page using Elementor How do I Enable Elementor for Custom Post Type? Site Logo Element
Last Updated on
Tuesday, October 9, 2018
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:
Add a new page or edit an existing one.
Click on Edit with Elementor button.
From the left dashboard, search for a “Site Logo”.
Drag and drop the Site Logo element to your page.
A new dashboard on the left will open with the element’s settings. These are explained below. Content
Setting Description 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.
Type Description 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.
Open the Customizer from Appearance > Customize.
From the left menu, open Site Identity > Site Logo.
Add the logos here and then publish the settings.
To add a Site Logo to the header:
From the WordPress left menu, click on Elementor.
Next to My Templates title, click on the Add New button.
For the template type select Header and give your header a name.
Click on the Create Template button.
Follow the “ Displaying a Site Logo Element” section in this article to simply add the Site Logo to your newly created header.
Simply follow the section above called “
Adding a Site Logo Inside Header“, but on step 3, for the template type select Footer. Responsive Options
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. Was this helpful?
You can vote again after 1 hour
Need custom services? Hire us and have your coffee! PSD 2 WordPress. Content Management. Custom coding.