Join

Keep the MyListing Default Header Sticky at All Times

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Instructions

  1. Create a new CSS code snippet.
  2. Copy the contents of code snippet below.
  3. Paste the contents into your code snippet.
  4. Review any notes that I’ve provided.
  5. Save and enable the code snippet.
  6. Test.

Snippet

By default, even if marked ‘Sticky’ in the theme options, the header does not stay sticky when scrolling down the page; this code snippet addresses that.

.header.header-scroll.header-scroll-hide {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
}