Changing the padding in sub-menus

sindicatosiep · Member · May 26, 2015 at 4:51 pm
Copy link

Add topic to favorites
I know that for changing the padding on the main menu I need this code:

#mainnav-menu a {
padding-top: .5em;
padding-bottom: .5em;
}

But… What code I need for changing the padding of the sub-menus?

I’m using Dynamics news theme. Thank you very much

The blog I need help with is: (visible only to logged in users)
micawbr · Member · May 26, 2015 at 10:22 pm
Copy link
The Dynamic theme uses the sub-menu class for the sub-menus. Adjust the padding by using this code:
```
.sub-menu {
padding-top: .5em;
padding-bottom: .5em;
}
```
sindicatosiep · Member · May 27, 2015 at 10:15 am
Copy link
Hello. I introduced that code but it didn’t work. No changes in the submenus… Is it necessary introduce any special character, like #, or name, or something? Thank you very much
micawbr · Member · May 27, 2015 at 12:15 pm
Copy link
Sorry, that code was affecting the entire sub-menu box instead of the individual elements. Try this:
```
.sub-menu li {
padding-top: .5em;
padding-bottom: .5em;
}
```
sindicatosiep · Member · May 27, 2015 at 2:38 pm
Copy link
Sorry, but it didn’t work. I don’t know if I’m explaining correcty what I need. I need smaller green boxes in the sub-menus, so that I can adapt the green box size to the text size. Thank you!
thesacredpath · Member · May 27, 2015 at 9:56 pm
Copy link
Hi there, to reduce the top and bottom padding on the submenus, add the following CSS and adjust the 1em values as desired.
```
#mainnav-menu ul a {
    padding-bottom: 1em;
    padding-top: 1em;
}
```
sindicatosiep · Member · May 27, 2015 at 10:16 pm
Copy link
Great!! It worked!! Thank you so much!!
thesacredpath · Member · May 27, 2015 at 10:21 pm
Copy link
You are welcome. :)

No items found.