Site Logo – how to change it globally, per page or per header global section

You are here:
Estimated reading time: 1 min

Logo options hierarchy

There are 3 ways of changing the logo, each one inheriting the other:

  • Globally in Customizer options
  • Per page into the page backend settings
  • Elementor “Header – Logo” element

Globally: Set the logo for the entire website

Simply change the logo globally, access Customizer > Header > Logo panel .

Per page: Override the default logo on individual pages

Screen Shot 2020-02-13 at 14.37.37.png
Simply change the Custom logo option to any image you’d want.

Per Elementor element: Override the option in “Header – Logo” element instance


Troubleshooting: Logo not changing?

If you’re editing the Customizer > Header > Logo options and uploading an image, but not seeing the changes being made, it’s likely that particular page is either overriding the logo image in its settings, or overriding the entire header with a Global section Header.

There are 2 possible causes:

Logo is overridden in page settings:

To check if this is the case, access the particular page in Edit mode and look for the “Header” tab options eg: https://d.pr/i/jgW6LR . If the page was built with Elementor, you can check these options in Page settings > Page header settings eg: https://d.pr/i/278778 .

Logo is overridden in Header Global Section

To check if this is the case, access the particular page in Edit mode and look for the “Header” tab options, but look for the Header layout list https://d.pr/i/ms4a23 and check if there’s a custom one selected, other than “- Select -“.

If there’s a custom one selected, remember its name and access Rey theme > Global Sections and locate that particular one. Open with Elementor.

Here, you can click the Logo element and see if the option called “Override settings” is set eg: https://d.pr/i/N3ruI1 . You can change the logo image here, or disable the option.

Was this article helpful?
Dislike 0
Views: 194

Join the conversation