Home>Support>Logo in menu bar deforms on mobile phone screen

Logo in menu bar deforms on mobile phone screen

By Antoine Chagnon Larose, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

When I use the logo in menu bar option it displays nicely on my computer screen. Although once on a mobile device screen it is simply squished vertically. How can this be solved for the resizing of the logo to be proportional in both width and height?

URL: http://norratek.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi Antoine

    Your logo looks the same size on my side, viewed on desktop or mobile.

    If you’d like to remove the constraint that is placed on your logo when using this layout please add the following to Appearance > Custom CSS:

    /* Vantage Remove Logo in Menu img constraint */

header#masthead.masthead-logo-in-menu .logo > img {
max-height: none !important;
}

    Your logo will then reflect at this size it’s uploaded as.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More