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

Sticky / Fixed "Section" in 7.1

Question

Site URL: https://dinosaur-fennel-sh5w.squarespace.com/

Does anyone know CSS that can make the top "section" of a page fixed for specific pages? I am essentially trying to create a secondary navigation on an individual page, but have that section / secondary nav fixed when scrolling.

Below is a link to the page I'm trying to do it on. I would like the dates fixed (2020, 2019 etc)

https://dinosaur-fennel-sh5w.squarespace.com/paintings-2007-2015-1

Password: 2020

 

Thank you!

Fixed_Section.jpg

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Add to Home > Settings > Advanced > Code Injection > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
 var a=['\x73\x63\x72\x6f\x6c\x6c','\x64\x6f\x63\x75\x6d\x65\x6e\x74\x45\x6c','\x61\x64\x64\x43\x6c\x61\x73\x73','\x63\x64\x66\x31\x63\x35\x62\x63\x66\x38','\x74\x75\x61\x6e\x70\x68\x61\x6e','\x66\x31\x22\x5d','\x70\x61\x67\x65\x59\x4f\x66\x66\x73\x65','\x73\x63\x72\x6f\x6c\x6c\x54\x6f\x70','\x69\x6f\x6e\x2d\x69\x64\x3d\x22\x35\x65','\x62\x39\x37\x37\x32\x63\x35\x34\x32\x31','\x5b\x64\x61\x74\x61\x2d\x73\x65\x63\x74'];(function(b,e){var f=function(g){while(--g){b['push'](b['shift']());}};f(++e);}(a,0x115));var b=function(c,d){c=c-0x0;var e=a[c];return e;};$(function(){var c=0xa;$(window)[b('\x30\x78\x39')](function(){var e=d();if(e>=c){$('\x5b\x64\x61\x74\x61\x2d\x73\x65\x63\x74'+b('\x30\x78\x36')+'\x63\x64\x66\x31\x63\x35\x62\x63\x66\x38'+b('\x30\x78\x37')+'\x66\x31\x22\x5d')[b('\x30\x78\x30')](b('\x30\x78\x32'));}else{$(b('\x30\x78\x38')+b('\x30\x78\x36')+b('\x30\x78\x31')+b('\x30\x78\x37')+b('\x30\x78\x33'))['\x72\x65\x6d\x6f\x76\x65\x43\x6c\x61\x73'+'\x73'](b('\x30\x78\x32'));}});function d(){return window[b('\x30\x78\x34')+'\x74']||document[b('\x30\x78\x61')+'\x65\x6d\x65\x6e\x74'][b('\x30\x78\x35')];}});
</script>
<style>
  .tuanphan {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
</style>

 

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

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