Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Dante
  • #134641
    tsimarketing
    Member
    Post count: 267

    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.
    #134685
    laranz – SUPPORT
    Member
    Post count: 3186

    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.

    #134814
    tsimarketing
    Member
    Post count: 267

    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.
    #134820
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    In the theme options you can add main nav top spacing

    – Kyle

    #134850
    tsimarketing
    Member
    Post count: 267

    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.
    #134857
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.