Skip to content
Log in Sign up

How to change logo image and its size

Upload your logo and its reversed version in the Listivo Panel, then set the logo height for desktop, tablet and mobile in every layout your site uses.

1 minute read

You can add logo files in the Basic setup. You can also upload a Logo Reversed version, which is used on pages with a dark or transparent menu for better readability.

Listivo Panel Settings on the Basic tab, with green arrows pointing at the Set Logo buttons under Logo Default (dark logo on white) and Logo Reversed (white logo on black).

To change the logo size in the menu you will need to edit each Layout you use.

What a layout is
Layout = header (menu) + page content + footer

Change the logo size

  1. 1 Open the layout

    Select it in the /wp-admin/ panel under Listivo Panel > Templates > Layout, then click Edit.

    Listivo Panel Templates screen on the Layout tab, with green arrows pointing at Templates in the sidebar and at the Edit button on the row named Layout.
  2. 2 Edit the menu widget

    Open the menu widget and change the logo size.

    Elementor with the Edit Menu V2 widget open: a green arrow runs from the highlighted logo in the page preview down to the Logo Height (px) field in the left panel.
  3. 3 Set the height

    For example, to 90.

    Elementor Edit Menu V2 panel with the Menu Height field highlighted and set to 90; the Logo Height (px) field below it reads 80.
  4. 4 Adjust the tablet and mobile size

    Switch Elementor to the tablet or mobile view and set the value for that device.

    Elementor switched to mobile preview, a green arrow pointing at the device icons in the top bar; the left panel shows Menu Height 70, Logo Height (px) 60 and an empty Mobile Breakpoint field.
  5. 5 Save the layout

    Click Update to save changes.

If your website uses more than one layout and you wish to migrate the menu (e.g. some homepages and blog pages use the transparent menu layout by default) please edit the other layouts and change them the same way again.

Listivo Panel Templates screen on the Layout tab, listing two layouts, Layout Light and Layout, each with Edit, Duplicate, Preview and Delete buttons.

Keep reading

Menu Configuration: A Comprehensive Guide Configuring Transparent Menus: Guidelines and Tips

Ask the people who build Listivo

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Send us a message What Premium Support covers 

We can also run your site for you, or build a new one.

Was this guide helpful?