Menu background height growth

kayleneheck · Member · Sep 3, 2015 at 2:59 pm
Copy link

Add topic to favorites
I notice that as I increase the font size for the title on the home page, that the height of the menu background correspondingly increases. Right now the font for title is set at 40. Wondering if I can keep title font size and somehow reduce menu background height back to a more normal height?

Thank you.

The blog I need help with is newopsf7101.wordpress.com.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 3, 2015 at 7:00 pm
Copy link
Hi, we can take away some of that height. There are two things that need to be adjusted. First is the height of the main navigation section and second is the top position of the submenus The two numbers have to be the same in the following rules. Originally the main navigation height was 80px, and the submenus were positioned by the theme software for that height, so we have to add a “top” declaration to position the submenu.
```
.main-navigation {
    height: 45px !important;
}
.main-navigation ul ul {
    top: 45px;
}
```
I’ve arbitrarily used 45px, but you can edit that. Just keep the two values in the above two CSS rules the same and all is good.
kayleneheck · Member · Sep 3, 2015 at 7:18 pm
Copy link
Your numbers work perfectly.

I’m actually getting a little better at working with CSS. I tried the first portion of your code but it didn’t know about the top position of the submenu.

As always, Thank You!
thesacredpath · Member · Sep 3, 2015 at 8:53 pm
Copy link
You are welcome, and keep working on the CSS. I find it a lot of fun, and sometimes very challenging. Do know though that we are here if you need help. :)

No items found.