Community Hero Banner

  • 27 August 2020
  • 6 replies

Userlevel 1
  • Getting inSpired
  • 3 replies

Hi guys, 

I have a question, we are working on re-branding our ranking structure which is going well and my next project is to redesign our homepage banner. However, the problem that I am having is that I can’t see any option to upload a version of the Hero banner for Mobile and another version for desktop.

When you think about how small the banner is on mobile there is very little room for creativity here. Is there not a way or a function which allows you to show mobile users 1 banner and desktop or tablet users another? 



6 replies

Userlevel 6
Badge +3

I have this very same question as @Emil !

We’ve just changed our hero banner and it works fine on desktop:



But very poorly on mobile:



Userlevel 1

@Suvi Lehtovaara Hey, I just wanted to ask, have you had any response to our question yet? 

Userlevel 6
Badge +3

@Suvi Lehtovaara Hey, I just wanted to ask, have you had any response to our question yet? 

No, I have not :frowning2:

@Julian, maybe you can help us?

Userlevel 2
Badge +1

Have not tried it myself yet but I think you should be able to solve it with css media queries by adding it to custom css. But you’ll probably need to host intended image for smaller screens somewhere to make it work. :thinking:

@Julian, what do you think?



Userlevel 7
Badge +1

Yes, I know about this. I had a quick chat yesterday about it with our product designer, as we also want to improve this for you. We surely recognize that it can be a challenge to find an image that is working on all the different viewports.

I think you could work with custom CSS, I will ask some colleagues who actually know way better how this could be done so that I can share some options with you.

Userlevel 1

@Julian and @ErikT thank you for your response it would be really good if you could find out and let us know as this would be a massive help!