Archived topic
Menu drop down height
7 replies · Started by Janette on November 11, 2015
Hi,
I first have to say that I am totally impressed by your products and website.
I am using Generate Press premium. The primary navigational menu's drop down buttons are up to high and they are covering the parent link that they come from. How can I lower them?
Thank you!
Hi there,
Are you using a child theme? If so, I think this may be the problem: https://generatepress.com/knowledgebase/child-theme-working/
Let me know :)
I am using a child theme and it does not contain: @import url("../generatepress/style.css");
I compared the css file you sent with what I am using. I am not finding a difference in the CSS. The top edge of the drop down is just above the text for the link on the navigation bar.
I'll look it over more carefully to see what is affecting the height of the drop down. There must be a difference.
-Janette
I Found it:
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: left;
position: absolute;
top: 3.2em;
left: 0;
z-index: 99999;
width:200px;
text-align:left;
}
changed it from 2.5em
Hmm.. That shouldn't be happening. Any chance you can link me to your site?
I didn't mind looking for the code. I probably changed a margin or something working with the css. I appreciate how well organized and lightweight your template is. I enjoy css so this works well for me.
I appreciate this great template!!!
Did you re-add all of the parent CSS to your child theme CSS? It looks like it's overwriting the CSS generated by the theme.
If you delete the top: 3.2em part completely, it should work perfectly.
The child theme CSS should only include your custom CSS - none of the parent stuff.
Let me know :)