Home>Support>Change logo size in in-menu menu option? Or change the width of the menu buttons?

Change logo size in in-menu menu option? Or change the width of the menu buttons?

By Mary, 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].

I have a long list under one of the buttons (services) and I need all of the options to be on the seeable screen, without scrolling down. I have two ideas as to how to fix this:
1) I feel like changing the width of the menu buttons will help this issue, as the longer titles will be expanded and won’t be so clumped. I can keep the logo in the header and have it be a good size.
2) Changing the size of the logo when it is in-menu will help the logo be a decent size while allowing the dropdown menu to be on the seeable screen.

If someone could help me with either of these options, I would be very grateful. Here is our URL:

http://www.rocketcityhr.com/rocketcityhr/

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, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    1. Try the following under Appearance > Custom CSS to change the drop down menu width:

    /* Drop Down Menu */

.main-navigation ul ul a {
  width: 250px;
}

    2. Insert the following under Appearance > Custom CSS:

    /* Vantage Remove Logo in Menu img constraint */

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

    The logo will then render at the size uploaded.

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