Before you ask please READ THIS

Sticky Top Bar

Hey,

I was wondering if it's possible to only fix the top tar?

So when someone scrolls only the top bar is sticky.

Thanks

Comments

  • AirAir
    Posts: 10,970
    Hello:-)

    Not possible from panel, but you can try with such custom CSS:
    #header.sticky-values .head {
        display: none;
    }
    Hopefully it wouldn't have any drawbacks.

    Try it!

    Btw. Have you rated our theme already?

    With kind regards.
  • edited January 2018 Posts: 17
    Thanks, unfortunately that did not work. I have however managed to do it using the following code:
    .top-bar-container {
      width: 100%;
      position: fixed;
      top: 0px;
    }
    
    .header-horizontal #header .head {
      margin-top: 40px;
    }
    Thanks,
    Sam
    Post edited by Air on
  • AirAir
    Posts: 10,970
    Maybe you use different variant of header, don't know didn't see your site ;-)

    Good you have managed to do it.

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!