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://rootstocanopy.squarespace.com I have a fixed the header on this site but am getting content overlap on the index sections when using jump links to navigate the page. Here is the code I am currently using: /* header freeze */ .Header { position: fixed; z-index: 9999; width: 100%; top: 0px; } .Content-outer { margin-top: 100px; } /* end header freeze */ Link to page for example: rootstocanopy.squarespace.com/consulting Password: roots Thanks for any help!
  2. hi all, Im trying to remove the padding between the links, header, and elements of my header in 7.1. I am able to change the spacing between the links themselves, but I want them to be able to fill all the space in the center of the header. Also, is there a way to have the distance between the social links and the page links independent of each other? @tuanphan
  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. Site URL: http://www.andreaaronica.com Hello everyone, what I'm trying to do is a animated underline hover effect under the pages on my header (squarespace 7.1). The password for my website is: almostready I managed to use this code in my CSS: nav a::after { border-bottom: 1.5px solid #000000; content: ''; display: block; position: relative; top: 0.5px; /* Change the vertical position of the underline */ transition: width 0.35s; width: 0%; } nav a:hover::after, nav .current-menu-item a::after { width:
  5. Site URL: https://www.justinpape.com/ Hey, Ive just noticed that my header when scrolling no longer stays transparent. On the main page it turns to a white BG and on a project page it turns Black. I have read a few different treads and tried the different custom codes i have seen but nothing seems to let it stay transparent all the time as it used to. Anyone have this issue and figure it out? Site: https://www.justinpape.com/
  6. Site URL: https://gunderson.squarespace.com Hi, I would like to increase the width of my top navigation on my site so it doesn't break to two lines. There is clearly room to the right for the navigation to live on one line. I suspect it has to do with that space on the right being "reserved" for the site logo if I choose a right-aligned design. Does anyone know some clever css that would help me get around this? Thanks in advance. Eric
  7. Site URL: https://dodecahedron-pentagon-rzy3.squarespace.com/config/ Hello Everyone, I am a neophyte in toolkits utilisation and I am working on a site where the person who owns the company wants the language options to appear horizontally along the header and in the top right corner to have a drop down navigation menu. Now my question is the following: I understand the concept of "mirror" sites. Not sure on the terminology here which is basically static translation. However the language choices and the drop down menu are both in the header which cannot be segmented, so how do I go
  8. Site URL: https://www.ignatiabelle.com/ Site URL: https://www.ignatiabelle.com/ Hi there! I want to use this code on my website's homepage as the header. https://codepen.io/iggy-van-reesema/pen/bGeZqbd I have tried pasting it all (html css and js) into a code block and also as code interjection header but both ways I do this it effects my whole body of the page and not just the header. this is the code I have used <body> <div class="container"> <div class="text"></div> </div> </body> <style> @import '
  9. Site URL: https://chinchilla-chicken-nanw.squarespace.com/ Hi, I've looked but cannot find instructions / code to move my logo so that it lines up with the text below. See screenshot Really appreciate any help! Thanks, Brian
  10. I'm trying to create a bilingual site and would like to have the language links as buttons on the header navigation, but it seems Squarespace 7.1 interface only allows for one custom button, social links and cart in the header navigation. I created a PT button for the Portuguese site and would like to create another button, EN for the English site. It there any way to add another button via code to the site header?
  11. Site URL: https://www.affinityauthorservices.com I am looking to relocate my header navigation below my header banner exactly like this site: https://harlow.showit.site/ I also would like to know how to center my logo and have my links on either side like this website as well! Any help at all would be amazing. I have not been able to find any CSS regarding this and the ones I did find did not work for me. Unpublished/still in progress site: www.affinityauthorservices.com PW: AAS
  12. Site URL: http://indigowellnessgroup.com Hello! I cant figure out why my header/nav bar is being confined in Safari, but not chrome. See attached. Thanks!
  13. Hi, I'm trying to add a line of text to my header, in the centre above my navigation menu but I can't work out how to add it. Is there any coding that I can use to be able to add text? Any help greatly appreciated.
  14. Site URL: https://www.ourania.co.uk/ Hi, I am currently working on the 'Minerals' section on my website. I would really appreciate some CSS guidance on a few of my issues below: 1. How do I change my product page 'categories type bar' at the top to match the rest of my typewriter font? 2. When you click on a product details page - my logo is white and not visible - is there a way of adding a background image to the header for that page? Thanks very much in advance! ps. Site: Ourania.co.uk Password: crystal
  15. Site URL: https://www.jonathanwilliams.net Hello all. I have my page set up as a single scroll page with anchor links. From my homepage I have a button set up that navigates you to one of the hidden pages. when on the hidden page, clicking any of the header text link to return home are not responsive. Is there custom CSS code that could be injected on the hidden pages to return to the homepage?
  16. I want these elements to be in yellow in one page. But on the other pages to stay pink. How can I do it using code? Version 7.0 Thanks
  17. How do you make the main header on Brine transparent? I know there is a button in the design settings on Bedford, for instance, but can't figure it out in Brine for the life of me. My client had a white header and now wants a transparent background. I set the header background to hsla(0, 0%, 100%, 0.05), which displays as transparent on the home page while working on it, but not on the live site. www.rolddesign.com Thank you!
  18. Site URL: https://www.alicedegaetani.com/ Hi! I have been searching solutions for this before but nothing has worked. I'd like my site header to show the logo, the site title and the tagline. Can anyone help please? Thank you!
  19. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/ Hi, I have added a hamburger nav to my desktop site in 7.1 and the logo has attached itself to it! I would like to move it to the opposite side of the page. This is the code I used to add a hamburger //HAMBURGER NAVIGATION// .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} Many thanks, Kelly
  20. Hiya, I've got a full photo with text overlay for my homepage, yet the footer still shows as a block of colour - is there a way to have this transparent? To allow the photo to truly cover every element? Thanks ❤️
  21. Hi there! Is it possible to add a header in between blog posts on the blog summary page? I don't mean within the summary block... but rather, the way squarespace places all your posts in a list on one page, I have categorised them and would like a header to separate, but can't figure out how. Thanks!
  22. Site URL: https://orange-wedge-yzwc.squarespace.com/config/ Hello there, I was wondering, if someone would have advise on how to align an image on the home page with navigation menu. I have made logo part of an image as my client doesn't like elements moving, and rescaling on the home page. Even before that the logo would not line up with the navigation menu. I was wondering, would it be possible to overlap the header with the page so that the memu moves down?
  23. Site URL: https://www.alpfaatuic.org/ I added a custom code injection into the header of my squarespace so I can track views from google analytics but cant figure out how to hide the code when people look at the website. Does anyone know what to type to hide it?
  24. Hey! I am wondering how I space out my header to stretch most of my page. When I go to "edit site header" and go to line spacing, it won't space it out enough to fit most of the page. Any ideas?
  25. Site URL: https://childbirthessentials.squarespace.com/ Hey everyone! First time posting on here. I'm creating a website for a friend, and for the life of me can't seem to reduce the width of the header padding! Website is https://childbirthessentials.squarespace.com and password is birthessentials You see how large the padding is at the top? I would like to reduce that by a decent amount. I have googled and tried to inject code, but nothing seems to work! I would also ideally like to make the logo larger (especially in width), but have maxed it out in the Style Editor.
  • Create New...