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

Search the Community

Showing results for tags 'sticky header'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 7 results

  1. Site URL: https://www.etailmaven.com/ Hi All, My site is built using the Brine family Mojave template 7.0. I have custom CSS code that fixes the header - which does 99% of what I want it to do. However, I have to put spacers in the first page of each nav point to keep the content from appearing under the header for different screen resolutions - ie: larger screens need more space at the top. This solution looks OK on desktop but on mobile there is a lot of space between the header and the content on the pages other than the homepage. Is there a way to modify this code
  2. Site URL: https://www.bbarinaga.com/ https://www.bbarinaga.com/ password: 1234 Hi, I used the following code to fix my header on Jasper template: #header { position:fixed; z-index: 1; background-color: WHITE; padding-top: 30px; width: 100%; padding-bottom: 20px; margin-top: 0px; } However, the first row of images now appear cropped. Hope someone can help! Thank you
  3. Site URL: https://www.annamasonlondon.co.uk/ Hello! I am trying to create a sticky header for this website where I can still keep the marketing banner. Here is an example of what I would like to create - https://shoprodarte.com/ Does anyone know how to create this code without the weird space that would be created on top as you scroll? Thank you in advance!
  4. Site URL: http://www.elizabeth-curtis.com/overview Hello everyone I have a sticky header that changes from transparent to a neutral colour perfectly, however I was wondering if it is possible for the text to change from white to black on scroll as the background colour appears? www.elizabeth-curtis.com/overview The code I am using is // FIXED HEADER CHANGE COLOUR // .Header{ background-color: transparent important; position: fixed!important; transition: 0.1s all linear; -webkit-transition:background-color .4s; -moz-transition:background
  5. Hi there! I've put a Sticky header into a site built on York, and it works perfectly on the index pages, but on the Contact, About and Press pages, there's a big gap above the Nav Bar. I want the coloured Nav bar to remain glued to the top of the screen as it is on the Index Page. What's wrong with this code? It's bits I've grabbed offline and put into the custom CSS section. I don't know how to code so it's total guesswork and any help would be hugely appreciated. I've attached a screengrab of the index, where the navbar sits at the very top of the screen how I want, and the
  6. Site URL: http://www.brandyglows.com Hello, friends! I'm on 7.0 using the Brine template. I am helping my wife with some custom CSS for the navigation menu on her SquareSpace site. I've implemented a caret-style dropdown menu, and I have figured out the styles for a sticky header. Here's the problem. In order to get the mega menu working, I first styled the dropdown section using `position: fixed` as follows: /* Style mega menu */ .Header-nav--primary .Header-nav-inner .Header-nav-item--folder:nth-child(2) .Header-nav-folder { outline: 1px solid purple visibility: hidden; ma
  7. Hi folks! Can anyone tell me how to make my menu and header stick on the Wexely template? How can I insert a "top of page" button? Thank you!
  • Create New...