Home>Support>I need to enlarge the logo in the menu but also adjust the menu

I need to enlarge the logo in the menu but also adjust the menu

By Jawad Marwan, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I want to enlarge the logo in the menu but when i do so, the menu gets missed up as it becomes smaller in height so the hover effect is smaller in height. Please help with the css

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

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

    Hi Jawad

    The following applied to Appearance > Custom CSS (Vantage Premium) or a Custom CSS plugin of your own will remove the logo image constraint that’s applied when using the Logo In Menu layout:

    /* Vantage Remove Logo in Menu img constraint */

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

    This will allow your logo to be rendered at the same size you upload it as.

    You can also adjust your menu padding as follows:

    /* Vantage remove menu item left padding */

.main-navigation ul li a {
padding: 20px 35px 20px 35px !important;
}

    The numbers are, top, right, bottom, left.

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