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

What css is needed to make the header sticky/fixed on Haute template?

Question

Hi guys it would be great if anyone knows how to make the navigation header fixed to the top of the screen on the Haute template?

The mobile header is already fixed but I cant manage to do it on desktop. I imagine there might be some simple css that I can add  🙏

Thanks!

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

Hi there. Insert the following via Custom CSS:

.Header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 890;
}

.collection-type-blog.view-list.tweak-blog-list-full-bleed:not(.tweak-blog-list-filter-show) .Header, .collection-type-blog.view-list.tweak-blog-list-full-bleed.tweak-blog-list-filter-show:not(.has-active-filter) .Header, .collection-type-blog.view-item.tweak-blog-item-header-full-bleed .Header {
  position: fixed;
}

-Brandon

Edited by brandon

If a response helped you out, send a 'Like' 👍 (bottom-right) and/or 'Upvote' vote.jpg.c260784ece77aec852b0e3049c77a607.jpg (top-left)

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...