How to add a logo to the header?

Step 1:

Login to your website or if you are already logged in proceed to step 2.

Step 2:

Select outlets/plates from the horizontal top menu

Step 3:

Select templates from the admin left side panel then hover over your header’s name then click Edit with Elementor.

Step 4:

Hover over the header’s logo or picture then press right click on your mouse and select delete.

Step 5:

A plus sign will appear in the empty section of the logo or picture, press on it and write Image in the search bar of the edit menu.

Step 6:

Select image then Drag and drop the image icon from the edit menu to its place in the header

Step 7:

From the edit menu select the logo section to choose or upload your logo.

Step 8:

A pop up will appear, you can either choose the already uploaded images or upload your logo image or any image you prefer and add it.

Step 9:

from there you can edit the logo image from the edit menu which has 3 tabs

– The content tab: controls the image’s size, alignment, link, and caption
– The style tab: controls the image’s width, opacity, filters, border type and radius, as well as the box type.
– The Advanced tab: controls the image’s margins,padding,scrolling effect, background, border, responsive, attributes, custom CSS

Step 10:

Once you have finished editing your logo just click the update button to save your edits.

Shortcuts: login> outlets/plates> templates> hover over your header’s name>edit with Elementor>right click on the picture design in the header> click delete> click the plus sign> type in ‘Image’ in the search> drag and drop the image icon from the edit menu to its place in the header> click on the image icon in the edit menu> choose or upload your logo> click insert> edit you logo from the content/ style/advanced tabs> click update to save your edits