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. Site URL: https://sunfish-bobcat-m5pn.squarespace.com/ Is there a way to increase the width, left to write, of the navigation section of my header? None of the settings that are available to me allow me to fit all the navigation items i need without shrinking the font -- and i really don't want to put the nav on two lines. Thanks!
  2. Hi! I'm using the brine template and I'm trying to add a fixed scroll full width line at the bottom of my header and top of my footer. Does anyone have custom code to do this? Thank you!
  3. Site URL: https://NA.com *This site is not yet published* My banner image for my homepage consist of my primary logo. So to avoid looking to repetitive on this page I would love to hide this (just on the homepage). `I have tried a few custom CSS options but I have had no luck. Thank you in advance for your assistance!
  4. Site URL: http://www.tjejjourenvast.se Hi We have a page where we want a reading function. We have a service that we have bought from a Swedish company. From there we got a link to insert in the header. Our problem is that we do not get the text reading button to lie at the top, but it ends up at the bottom. I have almost no knowledge of working with websites but try to help a non-profit organization.
  5. Site URL: https://www.hi-noon.net Hi everyone! I'm trying to insert a clickable sticker / badge (a .gif on transparent background) into the upper right corner of the website (in the header). Please see the image attached. After clicking the image it would link to another page. Ideally it would only appear on the homepage, however if not possible it can be visible on all pages. Any help would be hugely appreciated! Thank you
  6. Site URL: https://www.crliquidators.com Does anyone know if you can change the color of the text in the drop down menus in the header without changing the whole color scheme in version 7.1? I just want to make the drop down stand out from the rest of the header, say yellow text on drop menu while retaining the white text in the header.
  7. Site URL: https://www.leonmansley.co.uk/ Hey, I can't seem to find a way to bring in the spacing as I feel the menu/title options are too spaced out from another on the desktop version of the website. Any ideas or code?
  8. Site URL: https://scacrowley.squarespace.com/ On this website, password sca the navigation dropdown links are not aligned with the main navigation text. See attached image. In the image example I want the dropdown text to align with the main nav "management" text. This is the code I added, it was even worse before this code was added. /* change dropdown menu container alignment */ .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: 10; right: auto; width: 130px; }
  9. Site URL: https://www.parboild.com/ I'm using custom code to make my fixed site header transparent when at the top of the page, then opaque as you scroll down. However, I don't want this on my filtered results pages, because there is no image at the top. Is it possible to make the header always opaque on filtered results pages? Without breaking the transparency on every other page? Here's an example of a filtered page: https://www.parboild.com/?author=5cc649a0f4a17f000189897b I also have them for categories: https://www.parboild.com/blog/category/Quick+snack
  10. Site URL: https://www.futureparks.org/blogs hi folks, Had a complaint from a client that having multiple H1's in a single page is not good practice for accessibility - they're right and usually most organisations aren't too bothered.....until now. Legislation in UK is changing on 20th Sept where public organisations and public facing charities are mandated to reach WCAG AA and as much of AAA as does not place an 'ureasonable burden' on the organisation. So on the blog index page masonry /blog, each title on each blog card is an H1 - how can I change to H2? I've had a poke around De
  11. Site URL: https://crow-hexahedron-6lrs.squarespace.com/config/ Hey everyone, I am having a hard time keeping my header neat and tidy as I add more navigation links although I would really like to add a few more without them stacking as demonstrated in my attachment. Preferably, I would like all navigation links in one evenly spaced line in-between my 'booking' button and the logo/title on the left which I would really like to keep. If I have to lose 1 or 2 links because there is literally not enough space in-between the logo and button then I would be happy to do so and move t
  12. Site URL: http://pilgrimsoul.com Looking for code injection to hide the header, footer and banner from a single page using Squarespace 7.0. I found code that works in removing the header and footer, but the banner remains. This is what I'm currently using to remove the header and footer: <style>.Header, .Footer, .Mobile-bar{display:none !important; }</style> Anyone know how to remove the banner too from a single page? The page I'm working on isn't yet enabled, but you can see the attached screenshot and the homepage URL if that helps.
  13. Hi, I have managed to use custom css to get a burger menu on desktop view. How do I get my button to go one side of the header (left) and the menu the other (right) with the logo in the middle? Currently my menu is on the right next to the button. Thanks Lily
  14. Site URL: https://www.huesofcomfort.com/ Hi, I'm wondering if it's possible to remove both the header and footer from select (not all) pages? I have a business account.
  15. Site URL: https://evamaeshrock.com/ Anyone know how to get a transparent header across all pages not just homepage on 7.1? I entered a custom css I found here and it worked great, but not on every page just the homepage. I Would love it on my portfolio page. My website that is live is not the 7.1 because I'm working on it now.
  16. Site URL: https://thevoterparty.org/ Hi I admit I'm feeling a little foolish and out of my depth, but it seems like forum users are super helpful and I'm not ashamed to ask for help. I took a job to help fix content management and layout issues and didn't realize how massively different 7.1 is. We have a page that someone - as far as I know, not me - edited... that looks the way the site owner wants it to look. But I can't figure out how to recreate the look elsewhere on the site. https://thevoterparty.org When I copy the page, it doesn't copy the layout elsewhere. I wonder if that
  17. Site URL: https://www.zeiafoods.com/about-us I have used some custom CSS to make a fixed header. On the About Us page, however, the photos of Our Founders scroll over the header. How can I change the code so that the photos will be under the header when scrolling? Here is CSS I'm using that might need adjusting. Thanks. .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:100%; transition: all .9s ease; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } .Header-inner { padding-top: 10px; transition: all .7s ease; } //ScrollNa
  18. Starting to work on a new website and looking to add some character to the header by placing two solid lines horizontal across the page. I have been able to figure out how to do a single line, by adding the following to the CUSTOM CSS, but nothing I do allows me to have a second line in a different color, which is what I am trying to achieve. I am using the MENTOR template and I'd like to have this to separate the header from the main section of the page in the instance where I might not use a banner image .Header { border-bottom: 5px solid #b0b579;}
  19. Site URL: https://www.momentephoto.com Hi, I have some troubles with header of my website. I would like to set transparent header because on page with my work (called Naše práce) there is a photo begining on the very top of the page. On this site everything looks fine but the problem shows when I go to the homepage, where is photo set as inset so it has white edges like background of the page and there the transparent header doesn´t work. On the homepage I need the text of the header to be black but it´s light gray (it was even white before but I probably changed it somehow and don´t know
  20. Site URL: http://clever.cooking I'm wondering how I can make my header non-transparent on all but my main page? I have a graphic on the main page so transparency is perfect there, but I'd like the head to be a non-transparent solid color on the other pages. Any help would be hugely appreciated!
  21. Site URL: https://www.sneemdigitalhub.ie/ Hi there, Basically whenever I try and create a new blog post with 7.0; the colors revert to the default and it doesn't reflect the color choice on the rest of the site. Screenshots below show my default black 'homepage' and my draft blog header. How do I get it to look like every other page?
  22. Site URL: https://www.classfivemind.com/freetraining Does anyone know how to change the header on a specific page without it affecting the entire site? I want to remove the entire header from a landing page I built, but keep it on all of my other pages. I want to remove the logo and button from the Header on this page. I want to keep the entire header like this on all the other pages.
  23. Hi there. I'm trying to find a bulletproof way to have the logo in the site header overlap into the banner section in SS 7.0. I'm not a coder by trade, so I rely on various tutorials I can find to solve design problems. I'm currently using this bit of code to move the logo into the correct place: .Header-inner div[data-nc-container="bottom-left"] { position: relative; top: -100px; } The logo is positioned Bottom Left, while the main nav is placed Upper Right in order to keep it in the whiteground bar. It works perfectly until I add in two social links I need next to the nav in
  24. Hi team! I am trying to customise my header on Squarespace 7.1: I have 2 folders item (parent) and a few children item for each in a Dropdown Menu (folder content). I have used a code to create an animated underline effect when I hover only the parent folder (not the folder content), but I would like that effect to stay active only on the parent folder when I hover the folder content. When I hover the folder content, I'd like the folder parent animation to stay on hover too. Does that make sense? Here is the custom CSS that I used for that section /*Nav Item A
  25. Hello, I currently have my navigation bar setup like this: my site logo is on the far left, and my pages to the right of it. However, I want to add a reversed image of my site logo on the far right, so that my header has a symmetrical look to it. Is there anyway I can do this with custom css or otherwise? Please see attached an image of my header, since my site isn't live. I am looking to add the reversed image to the right of "Store."
  • Create New...