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

  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

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


Badges


Expert ID

  1. Site URL: https://fife-deer-hznw.squarespace.com/ Hi. I have added a fixed header nav, and now I'd like to get the announcement bar to sit just above the header. Right now the announcement bar is overlapping with the header nav. Here's what is in my CSS... what am I doing wrong? .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:100%; -webkit-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); } main{ padding-top: 200px; } ajax{ z-index: 999
  2. Site URL: https://www.wethewell.co Hi, I am currently on the Bedford Template. I have implemented the following code to allow the transparent fixed header at a larger height, but I am needing to have my fixed header turn white or background color when I scroll past the banner. How can I do this? (Site password: scocreativeclient) Current Code in Custom CSS- header#header { position: fixed !important;} #logoImage img { height: 125px !important; max-height: 100%; } .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-
  3. Site URL: https://flamingo-comunicacion.squarespace.com Password to view site: flamingo1234 Hello everyone, On September 2018 I was developing a website and needed Hello everyone, On September 2018 I was developing a website and needed to add a fixed button in the lower right corner, so I asked this same question. But the item doesn´t exist anymore and Now I don´t now what I`m doing wrong. So, DMK was very kind and posted these answer: If you have a Code Block in the footer and give it an ID, this should give you something similar: #yourIdHere {
  4. My navigation scrolls of the screen on all of my pages. Is there something that I can do to make it stick at the top? Thanks! David
  5. Site URL: https://www.dtr.media/ Hello, I'm in the process of building my site and currently have a fixed header with transparency applied to my home page. I'm a CSS novice at best and mainly found the code to modify those elements by searching and piecing some things together. The fixed/transparent header have automatically been applied to the contact/about pages, but the video & photo gallery pages aren't applying the changes for some reason. How would I go about correcting this so the nav bar is consistent across all pages? Thanks for any help. Current code
  6. Site URL: http://www.tambourine-caribou-p5bh.squarespace.com Hi, I wonder the custom CCS I can use to have a fixed header for Basil template. Thanks.
  7. I'ld love to find some code to place on my site on the non-front page of a pacific site so that the navigation bar is fixed at the top even as you scroll down
  8. Site URL: http://www.cube-wombat-7thw.squarespace.com Hi, I would love some help please if anyone knows how to move and match up my Main navigation buttons at the top of the page to look the same as the larger navigation buttons on the bottom of the page as per pics attached. They're in different orders and 'About' is missing Many thanks@!
  9. I'm using the Jasper template and I want to keep the menu bar at the top of the screen as I scroll down like this website https://www.etudes-studio.com/. I've tried a lot of CSS codes I've found online but didn't work. Any help would be amazing!
  10. Site URL: https://duck-buffalo-k3d3.squarespace.com Hello! I'm attempting to keep the header Constant and Fixed as I scroll through the pages. As of now it is fixed but not constant - as in it changes colors based on each page when it scrolls down I would like the header to keep the metal look when scrolling rather than changing to green. Here is the Current Code. Appreciate any help! //Header Image .header { background-image: url("https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+
  11. I want to build a header in which my logo is at the top center, flanked by two navigation links to the right and two to the left. How can I modify the header format to make this possible. Here is a screen cap of the desired result, from my previous WordPress site.
  12. Site URL: http://servantsforhope.com how to lock navigation in place so remains on page when scrolling down in mentor template squarespace
  13. Site URL: https://gopher-mackerel-pen5.squarespace.com/ Hello SS brains trust, Fixing up a few things on a clients site built by another designer and need some help with nav for mobile & tablet... Nav menu is fixed and working perfectly on homepage, though when I navigate to the Team and Contact pages, it's not visible at all. Any ideas how to fix this? It is already using custom CSS for the mobile nav, but I don't have the technical knowledge to figure it out myself. site is: https://gopher-mackerel-pen5.squarespace.com/ pw: HIP2020! Appreciate your help in advanc
  14. Site URL: https://www.johnsongillies.co.uk/ Hi there, I am currently running the Bedford template with an injected code to keep the header fixed. The code is as follows: header { position: fixed !important; width: 100% !important; } Unfortunately regardless of this code being used or not, I am having issues with mobile view, specifically mobile view when using the navigation menu from the homepage. The menu will pop out when clicked and will show the tail end of this script: .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type
  15. Site URL: https://goose-magnolia-r53a.squarespace.com/config/settings/site-visibility Hi there the password to my site is Orlabea16. I am trying to add padding or a margin to the top of the nav so its further down the page - but am happy with the current width of the shrinked nav. Any code i try affects both. Also, how do i change the font styling on the nav? thanks jane
  16. 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);
  17. 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
  18. 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.
  19. 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 scrolli
  20. Hi all, Looking for some help in trying to do a fixed header on the Mentor template. Any help is much appreciated! Thanks!
  21. 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.
  22. 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
  23. 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
  24. 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
  25. 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.dea
×
×
  • Create New...