Navigation Position Problem

I’ve been working on this logo issue for two days. I finally got the result I was looking for by setting my logo as the header background and hiding other default theme elements. I changed the header height so all of the logo could be seen. Now I’m having an issue with navigation bar. I can not figure out how to move it to the bottom of the header. Nothing I’ve found online works. Even Siteorgin CSS was no help.

Here’s the codes I’ve added so far to the additional css section.

.woocommerce-active .site-header .col-full {
  background-image: url("https://itscomplicatedproductio.apps-1and1.com/wp-content/uploads/2017/12/icp-herob.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 283px;
}

.site-branding .site-title a {
  display: none;
}

.site-branding .site-description {
  display: none;
}

#woocommerce-product-search-field-0.search-field {
  display: none;
}

.widget_product_search form {
  display: none;
}

.woocommerce-active .site-header .site-header-cart a.cart-contents {
  display: none;
}

Thanks in advance. ??

• This topic was modified 7 years, 2 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]