Centering Logo

[tsimarketing]

I just resized the logo on our website because it was too small before. I have the logo and the top header the size and height that I want them, but the logo is not centered vertically within that space. Is there a css code that I can add to make the logo sit centered?

Attachments:

You must be logged in to view attached files.

[laranz – SUPPORT]

Hi,

You mean the header is half hidden right? Make sure you are giving the width and height of the logo in Theme Options -> Header Settings.

Let us know,

Thanks,
laranz.

[tsimarketing]

Okay, adding the width and height to the header settings worked for making the logo centered in the header. But now the mini menu in the upper right corner is not centered vertically. I have some code in the sf-header.php for this area, but I was wondering what I can do to make this little menu get centered.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

In the theme options you can add main nav top spacing

– Kyle

[tsimarketing]

I have added different numerical values into that main nav top spacing section but it is not doing anything to the nav. Would the fact that we customized the nav in the sf-header.php override this action? Or the fact that we have this code in the theme options:

#main-navigation > div{margin-left:110px !important}
.menu-left #main-navigation{background: #6caae4!important}
nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu > li > a{color:#fff !important}
nav#main-navigation .menu > li > a span.nav-line {background-color: #fff !important;}

Let me know if there is something I need to change or if I am doing something wrong.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Likely your edit to the sf-header

Add this to your custom css:

.header-right.col-sm-8 {
  margin-top: 20px;
}

That should do the trick

– Kyle