DIY eCommerce Day 23: Customize your Website Header with Elementor Pro Part 6 Edit Site Logo

Short 1 min YouTube video on editing site logo at Header Section

When you insert your Site Logo into your Header section, you will see the “Edit Site Logo” panel at the left hand side. If you don’t see it, simply click on the site logo for the panel to show up.

We’re now at the Content Tab. You will notice that under “Choose Image”, you can’t really choose an image here. Your Site Logo image is the one you uploaded under “Appearance” > “Customize”. To change the site logo image, simply go back to “Appearance”, “Customize” > “Site Identity”.

Back to Site Logo Content Tab in your Header Template. You may play around with the Image Size Dropdown options to see what works best.

At the Style Tab, you can create hover effects for your logo by clicking on the Hover button.

You may adjust the Opacity level for Hover, or also try out some hover animations.

At the Advanced Tab, you can enable “Mask” to add more border effects to your logo.

Feel free to share your work with us in the comments below or ask questions! :)

    Leave a Reply

    Your email address will not be published.

    ×

    Hello!

    Click one of our representatives below to chat on WhatsApp or send us an email to [email protected]

    × How can I help you?