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, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

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. 9 years, 9 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