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

Open 1 reply premium theme theme-vantage

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

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 2 months ago
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.