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

Search the Community

Showing results for tags 'fixed-navigation'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 18 results

  1. Site URL: https://amal-testsite.squarespace.com Hi all In Squarespace 7.1, there is already build in options to choice both “fixed position” and “transparent” in EDIT SITE HEADER. BUT, it doesn’t work. When header is fixed, then transparency doesn’t work. Instead Is has default or choosen background color. so how do I set or code to get transparent header/navigation menu when it’s also fixed? test site: https://amal-testsite.squarespace.com password is: abcabc
  2. Hi, I have been able following some posts around here to get the fixed header tweak I wanted. My last problem is that the code is working everywhere but not in one page when scrolling the video gallery content is sliding above the menu despite of under. How could I fix it ? Any help appreciated Best Edit: This problem seems to occur only with galleries using the slideshow design, photos or videos. Code used: /* Fixed Header */ #header { position:fixed; z-index: 1; background-color: hsla(0, 0%, 7%, 0.9); -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* Safari 9+ */ backdrop-filter: blur(10px); /* Chrome and Opera */ padding-top: 30px; width: 100%; padding-bottom: 30px; margin-top: -30px; } @media only screen and (min-width: 760px) { .site-page { padding-top: 170px !important; }
  3. 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. HELP Site is www.justgoodjuju.com
  4. Hello, I am trying to rebuild my site and want to use the York template. I see there is no design option to freeze/keep the navigation menu at the top, which I would like to do. A Squarespace rep suggested this could be done with code, but I have no idea how to implement that. Any advice would be appreciated. Thank you.
  5. Hi there, Just looking for some help in trying to do a fixed header on the mentor template. Any help is much appreciated! Thanks, DC
  6. Hello. I made a fixed-navigation header with this code: ----- .site-header { position: fixed; z-index: 10000; width: 100% } .Site-inner { padding-top: 100px; } ----- (The fat text "site-header" is the header class name defined in your template and should work for everybody.) But if you checkout my website for instance https://www.kleindinst.at/dataprotection or the picture attached you can see that it's only the font that is fixed. I would like to have a black background full width behind the header text that overlaps the rest of the website-content when I am scrolling. It would be great if someone could help out. My template is "Flores". Best, Anna
  7. Hi all, Looking for some help in trying to do a fixed header on the Mentor template. Any help is much appreciated! Thanks!
  8. Good morning all, I want to create a fixed header (scrolling along my pages). Do I have to code? My "MARTA" template is compatible with this function.
  9. Hi there, I'm looking for a way to get the header/navigation bar on my website to scroll down the page as a user scrolls. I have the Brine template. It does it automatically on mobile but not on desktop. Customer support said there isn't a way to do this natively. Anyone have some code they could suggest? Thanks! Ariana
  10. Hello, I created a fix menu in Mojave, see code below. Now I would like that the sliders I have on my content pages goes under the fixed menu, and not over it.Is there a code for it? Thanks for your help, .Header, .Mobile { width: 100%; /* for IE and Edge */ position: fixed; /* for IE and Edge */ position: -webkit-sticky; /* For Safari 6.1+ */ position: sticky; /* Latest browsers */ top: 0; z-index: 4; } Sly
  11. Hello, I'd like the sticky header on the homepage to have a solid white background and turn the menu items and shopping cart to black, while still keeping the header on the landing transparent as it is right now. https://pelican-chiton-xwy4.squarespace.com/ Has anybody managed to do that or is willing to help with the code? My site is running in 7.1 Thanks! Xavier
  12. Hello! I'm working on my client's site on the Ready template. I'm having issues with the logo in the header (upon scrolling overlapping) over the text on the rest of the page. Is there any way to ensure the sticky header doesn't overlap the main content? Toggling the Site Styles "Header Background When Scrolled" on/off doesn't seem to help. When I chatted with Squarespace Support, I was told the issue could be because of the size of the logo. I'd like to keep the logo at its current size, though. Please note that the problem seems to only appear in Firefox. Thank you! https://www.dearhuman.pet/
  13. Hi I'm designing a website and have noticed that my navigation bar becomes distorted depending on the size of the screen and also when the window is minimized. I've attached to images below. Is there any way to code it to be fixed or to move to always be aligned no matter what kind of screen it's viewed on? What it looks like normally: And what it looks like on a smaller screen or minimized: Thanks in advance!! 🙂
  14. Hi Everyone, I've created a client site using Brine and set the navigation to float on the header image. But, I really need to have a sticky header so that when scrolling, the nav section switches to a black background. I used some code which does make the nav sticky, but this does not switch the navigation block, so, the links are currently not viewable when scrolling over the rest of the page. Header { position: fixed !important; top: 25px !important; left: 0 !important; right: 0 !important; } I want the header to be sticky on all pages. I hope there is an easy fix for this? Many thanks in advance.
  15. Hi, I am using this code to make the header fixed in the foster template, but I am having issues with the navigation bar being placed over the top of the logo and the length of the header is too long and obscures the content on the pages I.E. - about, contact, retailers. See the reference images for how it looks vs. how I want it to be. Could use some guidance on what CSS I need to add. Thank you www.sandwichceramic.com/home .Header { position: fixed! important; z-index: 1000; width: 100%; top: 0; }
  16. Hi! I am stuck trying to make my navigation bar fixed. I really don't know a lot about coding and need help trying to figure out how to make my navigation bar fixed in my site. Thank you!
  17. I'm customizing a site (see here). One thing I've noticed is that the navigation bar, which retreats & then scrolls back into view on the homepage as you scroll down through the sections, doesn't replicate that behavior on other pages. For example, the blog page, or one of the other program description pages which has longer scrolling content. It looks like the class 'show' is being dynamically injected after the first page section on the homepage. 1. WHY? (more of a rhetorical question...) 2. How to copy over this scroll/hide/reveal behaviour to the other pages - not just home?
  18. site: tonetension.com password: erikwiss template: unknown? how do I know? Question: how do I make the header fixed?
×
×
  • Create New...