Upfront Responsive Logo


I'm having trouble setting the size of the sites logo when the page is responsive. The default shrinks the logo to about 10% of its original size. I can't find the CSS that controls this but wanted to target it with something like

@media all and (max-width: 250px) {
  .upfront-image-container {
    max-width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;

Thanks for any help

  • Dimitris
    • Support Star

    Hey there David,

    I hope that you're having a beautiful day! :slight_smile:

    I just inspected your website and I was able to change logo size for mobiles and tablets, just by using the Upfront editor and the responsive functionality.
    How to toggle responsive design:

    How to select different viewports:

    After these steps, you can just select your logo (or/and other regions & elemets) and change it's size by dragging it's corners. :wink:

    Hope that helps!

    Warm regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.