Increase Society Menu Tab Height to match a larger logo

When you upload a larger logo, you can get a gap between the menu tabs and the header. Here you can adjust the menu tab padding to match a larger logo.

1) Click here to open your Weebly Editor
2) Here click on “design” then into “Edit html/css”
3) Click on “main_style.css” to access the css editing page
4) Here locate this code:
#navigation a {
display: inline-block;
text-decoration: none;
padding: 22px 15px;
}

5) The default padding for the TOP and BOTTOM of the menu tab is 22px. Here you can change this number larger to match your logo. You may need to try a few number to get the perfect match.
6) Once you have the height you like, you can save your change and publish your site

Tags: