Would I use the custom.css to control the height of the main menu navigation?

I would also like to affect the opacity of the main menu navigation bar.

Thank you!

Hi There,

I've moved this to a new thread

Can you post a link for your site?

Cheers
Paul

sceneshop.org

I just also replied to another thread

Thanks!

Opacity would be

#navwrap {
background: rgba(51,51,51, 0.5);
}

with the alpha value coming last with it ranging between 0 and 1

With the height

You need to change these values as required

#navwrap {height: 70px;}
height: 60px; {min-height: 70px;}
.navbar-nav > li a, .navbar-nav > li span {line-height: 54px;}

These are the current styles

Cheers
Paul

I can't seem to make the background smaller than 70 px:

sceneshop.org displays the results of these values:

#navwrap {height: 30px;}
height: 10px; {min-height: 10px;}
.navbar-nav > li a, .navbar-nav > li span {line-height: 30px;}

Hi

Whereabouts have you added that css code as I can't see it in the custom.css file

Cheers
Paul

I pulled it out doing some experimentation, I've put it back now .

Thanks

ah a large typo from me

.navbar {min-height: 70px;}

instead of

height: 60px; {min-height: 70px;}

You need to change the 70px min-height value as required

Cheers
Paul

That worked! Thank you! One new wrinkle is revealed however-- when the grid breaks to the smallest size, the menu expands to the original height. Perhaps there is another bit of code I need to influence.

Hi

Smallest size being mobile?

Cheers
Paul

Problem was on my end, I've fixed it

Thanks you for all your help!

No problem

Cheers
Paul