Header Height and Sub-Menu Container

[recipeforunity]

Hello,

I’m trying to decrease the size of both the header and the toolbar on my website. They’re too tall and waste space. There is an attached picture showing the issue. I have looked around for some CSS code to fix the issue (I’m new to HTML and CSS coding) and haven’t found anything that works. If the issue has to do with padding around the logo (which I didn’t include in a screenshot for privacy reasons) I haven’t found where or how to fix the issue.

My second issue is about the container for the drop-down sub-menu. Our sub-menu items were long enough to go past the background, and I couldn’t find a way to either wrap the text or dynamically extend the background to fit the sub-menu items. So I used a bit of custom CSS to extend the background of the sub-menu items by 300% (code is attached as a screenshot), but now it’s way too long for some of the drop-downs (screenshot included).

Any help with these issues would be greatly appreciated.

Thanks!

[Author]

Posts