I’m going to assume you made some custom changes because the submenu looks extremely small, plus I’m not sure where that black top area is. I would recommend you reverse what you did then one by one, put the modifications back in and see at what point that big empty block comes back in.
I have made some changes in the navigation, indeed. I have more items in the navigation and I would like to show them in one line.
Therefore I made the following changes in the child theme, that’s all:
/*191*/
.navigation {
display: block;
background-color: #f5f5f5;
font-size: 10px;
height: 28px;
line-height: 28px;
margin: 20px 0;
padding: 10px 5px;
}
/*196*/
.navigation .bracket {
font-size: 20px;
}
/*260*/
.main-navigation li {
list-style: none;
background-image: none;
font-family: ubuntu-light,abel,sans-serif;
font-size: 0.75em;
line-height: 1.42857143;
margin-top: 85px;
padding-left: 0;
}
But I did not change anything in the css for the sub-menu.
Could you help me to change the settings back into the original state?
First thing I would suggest as a test is put the menu code back to the default CSS and then test the menu (submenu). If it looks normal then it means something you’ve changed is causing the issue.
Thank you!
After putting the normal code back the black box disappeared and it looks almost fine.
But there is still a blue bottom line under the sub menu.
Where can I find the settings for this to change the color?
I can’t find it in the colorsettings menu in the theme settings.
that blue bottom border is my fault as I just discovered I left out the theme colour option for this. If you contact me from my website HERE, I can send you a fix.
Glad to read this! I have just sent you a message.
After putting the settings back my font size in the navigation is too big again. Where can I change that? I want all my menu items in just one row.
Thanks a lot!
I just sent you the updated version 2.1.3. The theme option setting will be found at the bottom of the “Colour” tab in the customizer. It’s labeled as “Submenu Bottom Border”.
If your font is big again, just redo that part in your custom css to size it to what you had (want).
To resize the font in the navigation I have put the following code in the Child Theme CSS after changing the fot size from 13 to 9 px:
.navigation {
display: block;
background-color:#f5f5f5;
font-size: 9px;
height: 28px;
line-height: 28px;
margin: 20px 0;
padding: 10px 5px;
}
But nothing has changed in the preview.
Could you help me to figure out to set the font size in the navigation?
Do this:
.main-navigation li {
your font size
}
Hey I just uploaded your theme onto one of the sites I manage and I too am running into issues customizing the color “Submenu Bottom Border”, I am not getting the option to customize it.
