Streaming live at 10am (PST)

Different Logo for Mobile?

Hi there,

Is it possible to change the brand image in the navbar to an image up until mobile. Then at mobile change to a different image?

My logo suits desktop well, but needs adjusting to a horizontal version for mobile.

I’m new to webflow so a description would be super useful!

Thank you,
Chris


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi, It is easy to archive.

Two Options:

  • Insert your logo as background image to a div or link block, simply set different background image for different screen size
  • Insert two images to the header, and do some settings with displaying and hiding options

What if the designer uses one logo for Desktop and two for Mobile?

An example

The method is similar.

You just have to set up conditional visibility for responsiveness, ie. hidden and display under different width.

1 Like

Can you explain how to do this? is it a value in the attributes?