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

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 14 results

  1. Hi all, Looking for some help in trying to do a fixed header on the Mentor template. Any help is much appreciated! Thanks!
  2. 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.
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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/
  8. 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!! 🙂
  9. 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.
  10. 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; }
  11. 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!
  12. 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.
  13. 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?
  14. site: tonetension.com password: erikwiss template: unknown? how do I know? Question: how do I make the header fixed?
×
×
  • Create New...