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

Search the Community

Showing results for tags '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

  1. Hi all, how do I add a coloured box behind header? Because right now the header is just text and when I scroll down it overlaps with other things in my webpage. Example: *image below* Thank you in advance.
  2. Once I have navigated to these pages from my home page, the header Icons are disabled and I do not know how to redirect to these tabs locations as they don't work. I should mention that my website is a one page scroll style so the majority is all on one page (home page) and the header icons are simply links down to the location on my one page scroll style home page, I just don't know how to redirect back to these from the pages which are "not linked" /not on the home page. I have attached pictures so you can get an understanding of my layout. The stem mix and master page is a "not linked"
  3. Site URL: https://dog-wolverine-3b53.squarespace.com/config/ Hello everybody, it would be very nice, if someone could help me in customizing my websiteheader. The function of the header should be like at the following website: www.riedel-immobilien.de. So when I scroll down it should become a little smaller in height and switch from transperent to a colored background. Different to "riedel-immobilien" starting the website the background of the header should not be transparent, but having an opacity of approxmately 30%. Scrolling down the opacity of backgroundcolor of the header sh
  4. Site URL: http://gabrielasilveira.squarespace.com Hi there, I'm trying to change the logo on my website when scrolling down, I've tried all css/javascript codes I could find around with no joy. If anyone has a workaround for that on 7.1 that would be much appreciated, password for the website is hello Thank you!
  5. Hello, I'm working in the Sonny template. I'm trying to problem solve on why the gradient header works in desktop view and tablet view, yet not the phone view. Along with adding a gradient header/footer, I've also fixed the navigation bar and adjusted the banner. Please see the CSS below. The only thing that isn't working is the header on the phone view. Even the Footer is showing the gradient in all views. Is there something I'm doing wrong? .Header {background: rgb(253,177,57);background: linear-gradient(333deg, rgba(253,177,57,1) 0%, rgba(253,147,47,1) 14%, rgba(242,96,39,1) 100%);} head
  6. Site URL: https://coconut-triceratops-wpkr.squarespace.com/ Hi there, Can someone please help me make the header transparent only on the homepage and a solid color throughout the rest of the site. Thanks in advance! Best, Erik
  7. Site URL: http://www.andersonair.org I just need to know how and what css code to inject into my advanced settings in order for my header and footer to be transparent. im a self learned coder still trying to figure out things. thank you!
  8. Site URL: http://www.logancreekdental.com/about We had built this site with a transparent header that has a fixed position with the fixed header style set to scroll back. The goal was to ensure the header/navigation is visible on page load + hides as your scroll down the page + shows up as you scroll back up. All of this functionality still works however until today when you scrolled back up the site showed a background for the header until you reached to the absolute top of the page, at that point it faded the background to transparent as intended. Today this behaviour changed (without any
  9. Site URL: https://bellflower-cornet-5e2y.squarespace.com Hi there, I am trying to find a way to change the header settings on secondary pages without changing them on the home page. Right now, I have the banner set to be transparent on the home page. The logo there is white, so this works well. However, the white logo does not show up well on secondary pages. Is there a way to either upload an alternate logo for secondary pages or change the background color of the header on secondary pages to fix this? I have no working knowledge of code, so I am not sure how to do this.
  10. Site URL: https://www.wealthihernetwork.com/the-lessons-1 Heya, So i'm designing a website for a client and i'd like certain pages to have an individual colour scheme, i intend to that by changing the colour of the header and footer. Could anyone help me with the CSS code? Thank you!
  11. Site URL: https://dahlia-squid-9j69.squarespace.com/ Hello is there a way to use CSS to have your header navigation to look like..........nav links>>>>>>Logo>>>>>nav links? Example website would be https://www.linkaodom.com/. Have been searching for a plugin or something, but can't seem to find anything. Thanks in advance!!
  12. Site URL: https://grey-cranberry-c4ar.squarespace.com/ I have a custom sticky header that works great, but I was debating changing the color. However, I'm unsure of what my options are. I tried using different colors in my custom css and some worked and some didn't. Those that worked are: black, white, blue, navy, grey, tan, red, green, pink and teal. But colors like 'light blue' didn't work. I'd love to have my header as a sandy color so I tried tan, but its the wrong shade to go with the color scheme I've chosen. Does anyone know what the color options for headers are? Note: I'm
  13. Hello, How can I get the header on the index (home) page to have a transparent background so the photos are layered behind the text, while maintaining the white background on the other four pages and the fixed position overall? I'm using the Miller template, and the site is http://iggyrabinovich.com/. Thanks!
  14. Site URL: https://www.bridgingfortomorrow.org/give-spanish I'm working on the Spanish side of our website. I've hidden the footer and just re-created a block that looks just like the English footer on each Spanish page in Spanish (or it will be in Spanish, I haven't translated it all yet). It was laborious, but it worked. Fixing the header is not nearly so easy. I hid the normal (English) header, and I've gotten some links to display up top. Currently the links aren't pointed in the correct place, but that's not the problem. When I switch to mobile (or change the size of my scre
  15. Site URL: https://www.beatricemenis.com/skillshare Hello! I'm looking to embed an external website to one of my pages, I've managed to add the code but when previewing the page the header menu shifts and my website name is visible next to my logo? What am I doing wrong? This is the code I've embedded: <iframe src="https://skl.sh/3dCTTwc" height="1800" width="900" title="Iframe Example"style="border:none;"> Thanks!
  16. Site URL: http://instreamwoodbanknetwork.com Hello. I am trying to insert our Cascade Forest Conservancy logo (which is on the footer just fine) on the far right side of the header. I can find no way to do this. I want to keep the title (on the left side of the header) just where it is so replacing the title with a logo doesn't work. Thanks for any assistance!
  17. Site URL: https://www.orcasoundproject.com/ Hello, How can I add parallax scrolling on Squarespace 7.1 on specific images? I have tried different codes but none of them seem to be working or they have minimal impact, you can barely notice it. I would like to have the effect of totally scrolling through it like in this example on the header image: https://www.recyclerebuild.org/spotlight Thanks!
  18. Site URL: https://tarpon-lavender-jbyy.squarespace.com/ Password to the site is: TEMP I'm having problems making the header opacity appear semi-transparent. The options when editing the header are simply solid colour, or fully transparent. What I'm trying to achieve is a semi-transparent header, that has an opacity of 50%. The site is on the Eldridge template, so Squarespace 7.1
  19. Site URL: https://www.carolinehainescoaching.com/blog I'm using a Brine template & I have used this CSS code to fix the position of the header: header { position: fixed; width: 100%; z-index: 4; } But now the top of the content on every page is cut off. Is there another bit of code I can use to put a space in the top of each page? Or can I change the header code to account for this? I'm completely stuck. Thanks for any help! Caroline
  20. Site URL: https://seanguo.ink/ Weird things just happened..... 1. I use templete "Lange" for my website, default setting. So my title and tagline should have same font size. but when I see me website in Chrome(win) and Safari&Chrome(ipad), the title and the tagline have different size and base line. 2. The weirdest thing is when I zoomed-in to 300%in Chrome, the tagline became upper case.....
  21. Site URL: https://www.sealedwithakissevents.com I really like the look of the image collage block. However I am trying to put a quote in the box rather than a title. How do I change the box to have "body text" or simply just change it. I would really like to have the option to display a quote and image together. But all the options seem to make header text your only option.
  22. Site URL: https://www.marycarslawarchitects.squarespace.com Hi everyone! Struggling a bit with some header and footer changes. How do change the header colour on hover, NOT invert (as I have at the mo)? The same code doesn't seem to be responding to a colour change. How do I change the header colour on Projects page and the individual project pages? Thanks so much! Password: hello
  23. Hello Tuanphan! I am having the question about trying to get the header on the index (home) page to have a transparent background, while having a black background on the other pages. I am using a theme called Hester on 7.1. Would really appreciate the support if you have the time! Thank you!
  24. Site URL: http://www.3weeks.courses/courses When my title is an h2 it will left justify. However, when I change it to an h1 it center justifies. This is despite the fact that left justify is selected. I can't figure it out and want this to be my page header for SEO purposes. I didn't find any custom CSS that would be causing this and am able to left justify h1's on different pages. Any ideas why it would be doing this?
  25. Hi all, Im trying to hide my header for my landing page, but its still showing the white bar. here is the code im using thus far #collection-5f77546d44a1ed498bae102e {.Header-nav-item{ display: none; } } #collection-5f77546d44a1ed498bae102e {footer {display: none} header {display: none} }
  • Create New...