Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


I just can't seem to make this work!

All I am trying to do is make the whole header area (Announcement Bar + Header (Logo, Navigation, Shopping Cart, etc.) stay visible at the top of each page.


Site is www.justgoodjuju.com


Share this post

Link to post

5 answers to this question

Recommended Posts

  • 0

So I did as you suggested:

header.Header.Header--top {
      z-index: 9998;
      position: sticky;
    position: -webkit-sticky;
    top: 0;
       background-color: hsl(26, 36%, 92%);

But now I am getting a white stripe below the header and above the banner image.  All images have the following:

  padding-top:0 !important;  
  padding-left:0 !important;
  padding-right:0 !important;

I can't seem to work out where the white stripe is coming from as the image is right at the top of the page.

Any ideas?


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...