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

Fixed Header in Tremont


Maielstrom

Question

Hello everyone,

 

Is there a way to make a fixed header within Tremont? I tried utilizing .site-header { position: absolute:} which does work at keeping the header at the top of the page; however, I noticed on mobile this allows the active page to be infinitely swiped off screen to the left revealing the index page. Is there an addition that could prevent this from happening or another method fo fixing the header?

 

Thanks

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

Hello, thanks for the reply! The site URL is currently buffalo-cheetah-7ax6.squarespace.com and I've set the password as password for viewing. For reference, I ended up coding it so the fixed/pinned header only applies to desktop, and I don't entirely mind the sticky/following header on mobile, but if there is a method for pinning on mobile, I would be interested. (I've re-activated the problem line so the issue should be present again) Thanks again!

Link to post
  • 0
On 9/24/2020 at 10:02 AM, Maielstrom said:

Hello, thanks for the reply! The site URL is currently buffalo-cheetah-7ax6.squarespace.com and I've set the password as password for viewing. For reference, I ended up coding it so the fixed/pinned header only applies to desktop, and I don't entirely mind the sticky/following header on mobile, but if there is a method for pinning on mobile, I would be interested. (I've re-activated the problem line so the issue should be present again) Thanks again!

Website Expired
This account has expired. If you are the site owner, click below to login.
You can contact Squarespace Customer Care to extend trial

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

DO you use Personal or Business Plan? I think we need to use JavaScript

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Thanks for the reply! After the trial, I'll just be on a personal plan for this one. (And I believe Javascript is for business/commerce only?) Not a big deal though, I don't mind the sticky/follow header existing on mobile/tablet, it's mostly desktop where I wasn't a fan of how it looked, which I was able to work out through a min-width function; however, I am curious if there is another method to display/execute functions for mobile vs. desktop? (Something that checks the browser for what type of device is requesting the site and only executes the code if it is desktop - my concern, and perhaps it is a misunderstanding of how @media screen and (min-Width: ##px) works, is what if in the future device pixel widths surpass the threshold I have in place. The reverse would be true too, as I tested dropping a desktop screen resolution to an 800 width and it did display what should be mobile only - I'm using a min-width of 950px for this header situation, which is a number I pulled from some parameters I found while searching) 

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