Thanks for the kind words 🙂
To accomplish this, you can either decrease the size of the logo, or increase the height of the list items.
Right now, there are styles in your child theme that set a height of 5em on “site-header” and a max-height of “85px”. You could remove both of those and then decrease the height of the logo until the menu items sit flush against the bottom of the header when hovered over.
The other way is to give the menu items (.menu-primary-items li a) a line-height of 6em. You’ll then also need to modify the “top” value of the submenu when hovering over it and when hover over its parent menu item “About Me”.
Let me know if you have any other questions, or if need me to further describe any steps.
Thank you, it worked.
I have 2 other questions.
I would like to decrease the height of the submenu. But i can not find out what to change to do that.
I also have a problem with the menu when my screen is at a certain width. I made a screenshot of this:
http://i1274.photobucket.com/albums/y433/Maaike_van_Heek/probleem_zps02f50702.png
How can i fix this?
The site’s looking great, nice job!
The submenu’s height is dependent on the line-height of the menu items in it. The following CSS will reduce the line-height:
#menu-primary-items a {
line-height: 4;
}
This is what that will look like: http://i.imgur.com/vVdLEZV.png
For question #2, what’s happening is that the menu items don’t fit next to the logo at around 800-900px wide, so they drop below. However, you’ve given your menu a fixed height of 5em which stops it from visually containing them. The solution is to remove the site-header height from 800-900px, and then you can add it back in.
@media all
and (min-width: 800px)
and (max-width: 900px) {
#site-header {
height: auto;
}
}
The only remaining issue is that the site-header will then overlap the .overflow-container at 800-900px. You just have to add some additional padding-top to .overflow-container within the above media query to fix that.
Let me know how that works for you and if you have any other questions.
The second problem is solved now, thanks!
The css you gave for the first one changes the height of the menu.What I meant is the drowdown menu, so what you see when you hover over about me.
I also have not been able to translate my site. It does translate when i add the translation files to the parent theme, but when it updates the translation file is gone. I have also added it to the child theme but wordpress does not show the translation that way.
Great, glad it’s working 🙂
If you send the translation files to me at support AT competethemes.com, I will add them to the theme. This way, they won’t get overwritten and other users can benefit from the translation as well.
I have send you the translation files.
I have one last question. Would it be possbile to add bloglovin.com to the social media icons list?
I’ve just voted on a request to add the Bloglovin icon to the icon font we use in Ignite. Once they add the icon I will add it to the theme ASAP.
Great I will keep an eye on that.
Thanks for the great support!
