Hey! Free yourself to discover the 'magic' trick that will propel your business on the Web

How to add a logo on Webflow?

Web Design,Freelance,Business
add a logo on webflow
Photo by Chuttersnap on Unsplash

Did you know? The logo first appeared in the 19th century. Since then, it has become a must-have! When it comes to creating a brand or taking care of its image, the logo never leaves us. All this, to say that you absolutely have to add a logo on webflow. But how?

Tips for adding a logo on Webfow

As usual, we will start with a little exercise. So create a new page, and insert some elements in the prefabricated Webflow layout; don't forget the navigation menu, first of all.

You will see that on this menu, we have reserved a space dedicated to the logo, on the left. Click on it. A small window appears, and there you see a button: add image. All that remains is to add the logo in question (that is to say: import it). In general, it is done in png, svg or jpeg format.

However, there is a small drawback: the size of the logo is a problem on small devices. So how to add a logo on Webflow tablet and smartphone? That is the question.

There is a YouTube video in which I describe this at the bottom of the article. Support me by subscribing to the YouTube channel "Happy Desk Design".

adapt logo to screen
Photo by Donatella D'anniballe on Unsplash

How to adapt the size of the logo to any type of screen?

Now that you have successfully added a logo to Webflow, do you notice that when you click on the image, some features appear? They will allow you to modify the characteristics of the logo.

For example, you can change the size of the logo. Once you change the size, it will remain the same for all screen sizes. Unless you specify specific dimensions for tablets and smartphones.

To do this, go to the bar at the top of your screen. Click on the "smartphone" icon to see a preview of the site on your cell phone (same for the tablet). When you are on these windows, you can then change the size of the images. It will be specific for each screen.

Are there other reasons to add a logo on webflow?

The logo is simply the heart of a brand's image. This graphic will help people to identify a company and even differentiate it from another. Especially since nowadays there are so many companies and startups offering the same services. Might as well stand out with a logo, right?

The logo is also the one that will encourage your prospects to want to know you better. Indeed, humans are by nature interested in designs, colors, images... And this theory is proven.

So, if your logo is attractive enough, they won't hesitate for a second to browse your site a little longer (just to get to know you better). At first, it's out of curiosity, but as they browse, who knows if they might not want to use your services? You never know.

add a logo on webflow
Photo by Alfons Morales on Unsplash

To be able to add a logo on webflow, you need to have one. So, how to create an efficient logo?

How to create a logo for your website?

On one hand, your logo must be consistent with your website. I mean especially the color, the typography... On the other hand, it should also be the same on your social networks.

Simplicity should also be the key word when it comes to designing a logo. Customers and prospects should be able to remember it easily. Among several logos, they will be able to recognize yours quickly! Do you remember the logos of Apple and Facebook? Simple, but effective !

You will also have to think about its flexibility. No matter what size screen the logo will be viewed on, will it be visible enough? Also, is it suitable for different surfaces: business card, t-shirt...

Finally, timelessness is very important. Even after a few months, or even years, your logo must not be "old fashioned". So, when designing the logo, make sure it is classic.

create a logo
Photo by Kazuend DHk on Unsplash

If you have a logo, but it doesn't appear on your site yet, it's time to integrate it. As you've seen throughout this article, it's just a few clicks away! If you don't have a logo yet, you know what you have to do.

YouTube: How to add your LOGO on Webflow? 2020

Come back to this page whenever you want. Did you find any ideas that I forgot? If so, what are they? Leave a comment below or send an email to hello@happydesk.be
Kevin Palombo, Manager of Happydesk
Make the counter explode to reach 1M subscribers together (Pssst...it's in real time)
Together it's more fun

1 Million with you.

It's really amazing how our YouTube community can be a true source of inspiration for all of us. So if you're looking for a community that will give you a boost to reach your personal and business goals, you've come to the right place!
Certified 100%
ULTRA enriching and hair-raising!
Receive a mountain of gifts


We all keep our childish soul, so we like to receive lots of gifts, a montaaaagne of gifts, a galaxiiiiiie of gifts, a.... YOUHOU, are you still with us? Since you also love gifts, receive in your mailbox energy, strategies and tools (each one more grandiose than the other) that will generate results in your business.


Clearsome time for Thursday because an intergalactic surprise awaits you.
Propel your life & your business in 30 days!


The only one, the only one, the real one where all ideas can germinate, develop and succeed. Each phase of business development is thought out down to the smallest detail (even the smallest) to accompany you in your project.

Foundations, development, support, mutual aid, coaching, website, web tools and even cookies. Joining the Happy.webacademy is to be part of this ecosystem without risk, just jump in and let yourself be guided.
AI enabled to accelerate your transformation 🤖
12 Up-to-date modules
We give you crazy training with action plans, regular updates, access for life, and 24/7 support, 365 days a year. Everything you need (and more) to make your life, your business and your skills shine.
Your thruster
We make sure that you are always on top of your questions and that you can grow with a community that has the same dreams as you, and that you can meet super inspiring people.
Never again alone
Your Website!
Who better than Web experts to create a turnkey Website and sell your offers quickly without having to break your head with the technique. No more sleepless nights tearing your hair out, we've got you covered to accelerate your online growth!
We will create you
an Asteroid
12 months Free
We answer all your business, mindset and nugget questions. It's also the best way to get your daily dose of motivation, anything is possible!
Don't forget to bring
Strategy 3.0
The Web and e-commerce are evolving at an incredible speed, and if you don't keep up, you'll lose money. That's why we're going to share with you all our latest tips, discoveries and innovations (automation, artificial intelligence,...) so that you and your business stay on top!
2 Business Coaches
Kevin & Sophie, 2 coaches in the field for 10 years who will be there to motivate you, boost your mindset, and much more! Throughout your entrepreneurial adventure on the Web & in e-commerce, we will support you to validate opportunities or help you optimize your performance. You will NEVER be alone again!
Continuous monitoring
It's sometimes hard to take a step back from your work when you're just starting out (even after), which is why we'll always be there to review your work privately BEFORE you spend any money on advertising or influencers.
Creating a profitable business requires financial optimization. That's why we'll give you the tips we use so you can learn how to invest the money you'll earn in the long run to create wealth.