Logo & Site Identity

The header builder ( Appearance > Customize > Header ) has three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. 

In this article, you will find information about the Logo & Site Identity component and the options available.

Add Logo & Site Identity

Just click on the ➕ symbol and a list of components will appear. From there you can add the Logo & Site Identity component.

Remove the link from the Logo & Site identity

By default, the Logo & Site Identity component is linking to the homepage of the site. 

To remove this link, find the Disable Homepage Link option and click on it to enable it.


⚙️ General

  • Appearance > Customize > Header > Logo & Site Identity

In this area you will find options like:

Upload your Logo
Logo Position
Site Title & Tagline
Logo size
Site Icon
A

 Upload your logo

 To upload the logo, just click on the “Change Logo” and select your new logo.

Neve has only one Logo & Site Identity component included in the header builder. An extra Logo & Site Identity component is part of Neve Pro's Header Booster module. And it can be used in combination with the Sticky header option to obtain a shrinking effect for the header.

📝 Note: Here is a video about using two different logos.

B

 Logo Position

If you want to change the logo position, find the “Display” option and select one of the four possible positions you can choose from: 

  • just the logo
  • logo followed by the site identity
  • site identity followed by logo
  • logo and site identity one below the other

C

 Site Title & Tagline

To change your Site Title: Find the “Site Title” option and then enter your site title.

To change your Tagline: Find the “Tagline” option and then enter your tagline.

If you want to show/hide the Site Title: Find the “Show Site Title” option and enable or disable it.

If you want to show/hide the Site Tagline: Find the “Show Site Tagline” option and enable or disable it.

D

 Custom logo size

In order to change the size of the logo, these are the steps you have to follow:

  • find the "Logo max width" option.
  • select the new width option (in pixels). 
    • by clicking on the small Desktop / Tablet / Mobile icons near the option, you get to change the width based on each device, meaning you can have different sized logos on different devices.
    • you can undo the changes, by clicking on the reset button.

E

 Upload a Site Icon

Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. 

  • Site Icons should be square and at least 512 × 512 pixels.

To upload a Site Icon, click on the Select site icon button and upload your image.


 📐Layout

To open the customizing options, just click on ⚙️ of the newly added Logo & Site Identity, located in the body of the component. 

This will open the Logo & Site Identity panel on the left side, from where you can customize the component, with the following settings:

  • Alignment - left / center / right
    • responsive option ( Desktop | Tablet | Mobile )
  • Padding - enter the desired values one by one, or use the 🔗 option, to modify them all, in PX / EM / %.
    • responsive option ( Desktop | Tablet | Mobile )
  • Margin - enter the desired values one by one, or use the 🔗 option, to modify them all, in PX / EM / %.
    • responsive option ( Desktop | Tablet | Mobile )


🖌 Style

To customize the color of the Site Title and the Tagline, click on the Style tab, and chose a new Text Color.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.