Jump to content

Search the Community

Showing results for tags 'heading'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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
  • German Circle Members's Topics


  • Events Calendar

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. So I've added a splash/landing page to my site, but I don't want the logo link in my header to connect to the splash page, I'd like it to connect to my "home" page. Currently /welcome is set to the default homepage, as thats where I want people to be taken when they open my site, but I want my header icon to be linked to /home on both desktop and mobile, so that people an get to my "home" page quickly and easily without having to go through the splash screen every time I've had a look through forums and tried all the footer injection and CSS but I can't get it to work. Im running 7.1, and I'm unsure on the template I used Can anyone help me please? My site is www.miserytakeme.co.uk and the password is "stinkypoo123"
  2. Hi, I think on all my pages the header text is scaling down to fit on the mobile width except for my contact page - for some reason the second and third headings on the page 'collaborations' and 'recommendations' are breaking across the page on mobile view. They have no custom css attached to them and i've tried removing all formatting, deleting and re-adding etc. Can anyone spot the problem please? It's this page: www.whyyoucreate.com/contact Password: cr3ate
  3. Greetings - so want to change color for item headings: www.konsulentoppdrag.no/annonsering Headings being 'Alltid nummer 1...' + Gratis SEO.....etc.
  4. Is it possible to make certain navigation items in the top menu appear as buttons instead of regular text links? I'm not talking about the "button" option for the last menu entry in the header. I want to make other menu entries appear as buttons.
  5. Is it possible to create different headers that would show up on different pages within a website? With a different logo / logo link and a different button. So that, as an example, you would have header 1 on the "about me" section, and header 2 on the "contact" section, etc. Thanks.
  6. I was wondering if anyone can help, I have found and used this code from @tuanphan which was incredible, however I am looking to put the navigation bar below the 'second section' of the homepage (while keeping the dynamic and re-appear on scroll back properties) Is this possible? this is the code found from @tuanphan <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.2.2/twcsl.js"></script> <script> document.addEventListener("DOMContentLoaded",function() { const header = document.getElementById('header'); const firstSection = document.querySelector('.page-section:first-child'); firstSection.after(header); }); </script> <style> @media screen and (min-width: 768px) { #header { position: sticky; top: 0; display: none; } main .page-section:first-child + #header { display: block; } main .page-section:first-child { min-height: calc(100vh - 93px)!important; } } </style>
  7. I am very limited with knowledge of web design. This will be obvious with my question. My page links are displayed in the header and footer. Unfortunately, in the header, the page links are on the right as well as the shopping cart. They overlap. How can I remove the page links from the header leaving only the shopping cart? There is a slider I can click to remove the shopping cart, there must be a slider somewhere where I can remove the page links instead. Thanks,
  8. Site URL: https://mushroom-turquoise-9rne.squarespace.com/mtuccis-italian https://mushroom-turquoise-9rne.squarespace.com/mtuccis-italian Password: siera I've been trying to figure out how to change the global site header gradient (which is a red color) to a cream color on a single page, but I only seem to be able to add the cream color to the red color. The code I used to add the cream color (in the header code injection) is below. (I also added code to change the font color/weight, as you can see) <style> #collection-622288e6faf996118ccf210b #header {background:linear-gradient(to bottom, #FFFDF1,#22000000) !important} #collection-622288e6faf996118ccf210b #header a {color: #FFFDF1 !important; font-weight: 450} <style> I've tried a number of things I could think of and that I found on Google and nothing has worked yet. That said, I'm a total noob. Thx in advance!
  9. Currently, I use Squarespace's default site search tool (see top left of webpage: www.bigbiology.org). However, recently it has been buggy, so I do not get consistent results. I use the Brine template. So, I want to add a Google Programmable Search Engine. Previous posts have discussed how to add it within a code block on a single page, but is there a way to add it to the header? I want to replace the default Squarespace search bar with this Google one. Here is the code from Google: <script async src="https://cse.google.com/cse.js?cx=a7d8af8c580b74234"> </script> <div class="gcse-search"></div>
  10. I’m just getting started with Squarespace, trying to move my existing website into a Squarespace template. On the Squarespace template I’m using (AlignFlow), one page (Fees, Ts & Cs on my website; Training on the AlignFlow template) has a heading section that I like, and I would like that type of heading on all of my pages, but I can’t work out what type of section it is, or how to duplicate it across other pages. When I click on “Add Section” I get a list that has Intros at the top, but “Headline” or “Header” doesn’t appear on the list. The section I like is basically just an image with a headline overlaid, and I could just make one up myself, but I’d like all the sizes etc to match across all the pages. Is there any way to duplicate this element or alternatively, to find out how it was built?
  11. Hello! I'm having a hard time removing the image in the background on this page, but it's easy to remove everywhere else. Can anyone tell me how to fix this? Thanks!
  12. Hello! Is there a way to have the heading logo change based on the dynamic background for the page? It seems silly that there is a dynamic header design option without the ability to implement at least a light and dark logo version. Thanks for the help!
  13. i have a background image that is pretty dark. the text and logo in my navigation is also dark, for project pages how can i customize which logo image and font color to use? individual project pages do not have custom <head> section under the advanced area of settings. thanks!
  14. 1. I made a slideshow 7.1 and I tried setting my header to "dynamic" but the header is not transparent and I think it's because I have a slideshow directly under it. How can I solve this? I really want the transparent header 2. The text displaying on the slideshow are not very readable on each slides. I'm looking for a way to reduce the transparency of each image on each slides and add a black overlay to make the white text visible.
  15. I have manually translated my website into different languages and used CSS scripts to show only the menu items in the corresponding language in the header. I would, however, like to use the "button" option for the last menu entry. The problem is that this button needs to show a different text and link to a different page depending on the language, meaning that depending on which page I'm on, there would basically have to be a different header. Is this possible to do?
  16. Hello, I am trying to make the background image from the section below my header bleed up into the page header. The background image width is set to full bleed. My site is dockertygardens.com and the password is dockertydockerty. Any help would be appreciated. Thanks, Monica
  17. Hi - so I've got hover effect in place on social icons, but want the background to shine through so it isn't ALL yellow please? www.konsulentoppdrag.no
  18. I'm using the Dynamic header style, which uses the theme of the first section on each page and makes it transparent in the first section. Is there a way to also make the header folder dropdown menu background transparent in the top section only? I've seen CSS to make it transparent always, but I have the header set to Scroll Back and this would impact readability of the menu further down the page. Site: https://www.northdesignbuild.com/ Thank you!
  19. I just changed my header type to dynamic and on my blog page, there is a line of code ".sqs-block-button .sqs-block-button-element-medium" etc. going across the top of my header. It does not go away if I remove all of the custom code from my site, and I don't have anything like that in my header injection code. It is not there when I am not using a dynamic header. Any advice on how to get rid of this? website password is "hello!"
  20. On my home page, how do I move the header navigation to the left, and have it be transparent overtop of an image? I have attached an example image below. I'd also like this to only be on the home page only. On the other pages, I'd like to keep the big bold headers already there, but remove the site name/logo if possible? Thank-you in advance!
  21. Hi, I spent my trial building my site on template Atlantic. I had a picture in the header using parallax and the image slightly moved while I scrolled...it worked perfectly. My trial expired so I purchase the site. Now, the header is just black even though when I edit the background, it shows my image is uploaded. If I delete the image, the header goes grey. No matter what I do, the image will not show, and, there are also no image options when the image is uploaded as the header, before I had all the parallax options and now none. This is my first SS. Any help would be greatly appreciated. My site was almost ready to go until I actually purchased it!?
  22. Site URL: https://www.impactpa.church/ Hello! On my website I'm trying to bold the first item in the navigation bar to make it more noticeable. I haven't had any luck so far with some things I've found online. I've tried this: .Header-nav--primary .Header-nav-item:first-child{ font-weight: 700 } and have also set it font-weight equal to bold, but I'm not seeing any changes. Any help is appreciated!
  23. I added each of the following css codes to try to get rid of the header, in order to make the homepage a landing page. However, every time I go to the url site without using the Squarespace builder to preview the website, the header is present each time. How can I effectively remove the header from my website? Please note that in the Squarespace builder preview the header is omitted but when i search the actual url, the header is still present. I don't understand why that's occurring. Thank you so much in advance for the help. CSS code I used: tweak fixed header {display:none} div header-announcement-bar-wrapper {display: none} header{display: none} siteurl: https://www.luzcgarcia.com/
  24. Is anyone currently having issues with the header and footer of the pages not showing, and can anyone please tell me how to fix this? Thanks in advance
  25. Hello Everyone, I was wondering if someone could help me customize my site through coding. I want to change the site header/ navigation bar to the left-hand side of the screen like the example of the website I have attached. Most websites have the site header at the top and I want to be able to customize the placement of this. Please let me know! Thanks!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.