Align logo and menu on sticky header

  • Resolved KSbonbon

    (@ksbonbon)


    8 years, 11 months ago

    Hello,
    My issue is simple (maybe not the solution?):

    When I scroll down my page and have the sticky header, I want the logo and the menu to appear on the same line:

    https://www.aitap.com/

    I’ve tried playing around with margins and paddings but nothing does the trick and I haven’t found the answer on the forum.
    It’s really strange because when I set up the header it was working just fine, but at some point I noticed the sticky menu had moved down…

    Thank you for your help! ??

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try this:

    .sticky-enabled .tc-header .navbar-wrapper {
    width: 100%;
    margin-left: 15%;
    position: absolute;
    top: 0%;
}
    Thread Starter KSbonbon

    (@ksbonbon)

    That worked perfectly, thank you!!

    I don’t know if this is related, but I’m trying to reduce the height of my header in SKT Construction Pro. I’ve made my logo as small as possible, but there is still a lot of white space below it because the contact info and social media links at right are pushed way down. How can I bring those items up and reduce the overall header height?

    https://www.homesmithvt.com/

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align logo and menu on sticky header’ is closed to new replies.