Header Customization – Logo and Menu

[madelucccar]

madelucccar

May 31, 2017 at 1:20 pm

First of all, I love the Ascend theme and the developing framework!! I am programmer new to WordPress theme customization and even though I am fairly good with web stacks (HTML,CSS and JS) I have some issues modifying the menu above my header.
Issues:
#1 – Logo has no margin or padding and it covers all the menu height, I tried adding vertical margin but it made the header display some bugs.
#2 – Menu options (link to pages) are to close together and I would like them to have them more separate from each other.

The following is the snippet I tried using to solve the spacing issue between menu elements. However About Us and Contact Us display in a two line fashion when doing so.
.nav-main ul.sf-menu > li > a {
padding: 15px;
}

link to the project website: http://www.mysaucy.com