Logo Layout 2

[Grace]

Grace

February 10, 2016 at 8:34 am

Hi!

My website is *Login to see link

1. I am using the second logo layout, but I would like the logo and the menu to meet (with some padding) in the middle rather than be at the sides….

2. I would like the logo to be centered when in smaller screen sizes. I already have it doing this:

/* move menu under header for tablet size */

@media (max-width: 991px), (device-width: 768px) {
#mobile-nav-trigger {display:none;}

#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: block;
float: none;
text-align: center;
}

#nav-main ul.sf-menu li {
float:none;
display:inline-block;
}
}

@media (max-width: 767px) {
#mobile-nav-trigger {display:block}

#nav-main ul.sf-menu, .nav-main ul.sf-menu {
display: none;
}
}

Thanks!
Grace