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

Search the Community

Showing results for tags 'heading'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • 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

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://www.thehairranch.com/ Hello! I'm trying to adjust the opacity of the white header on the mobile site. Tried all sorts of things. Nothing working. Any ideas?
  2. Site URL: https://www.lisawolffmcintyre.com/ Hi Squarespacers! I enabled the button element in my header and named it "Contact." When someone is viewing mobile, I'd like them to be able to tap the button to call my client. But when someone clicks the button from desktop—well, the attached image expresses my feelings about this situation. Is there code I can deploy that would allow a user to call from mobile but email from desktop? Thanks so much! Julia
  3. I am wanting to adjust the layout of the navigation links in my header. The templates provided in site styles do not satisfy the layout that I want and I have yet to find any code that does what I want. All I want to do is move "Contact" to the right side of the header and leave "Work" on the left side. I am able to add a button but the buttons do not achieve the clean look I am wanting. Does anyone have any suggestions on how to achieve this fix?
  4. Site URL: https://erin-werley.squarespace.com Hi can you help me how to move this one down? Thanks! https://erin-werley.squarespace.com Blessings+222 Moksha template
  5. Hey, I wanna make a similar header like on the image. I kinda have a code to space the navigation and the logo to where I want, but how do I add a vertical line in the header? like here: https://superherodesign.wixsite.com/marketing is it possible? Thanks,
  6. Site URL: https://www.caminodelvino.co.uk Site: https://caminodelvino.co.uk I was wondering how I would be able to centre my logo like they do in this site : https://harlow.showit.site/. Really not a fan of how Squarespace bunches and constricts the position of the tabs. Equally, if anybody knows how to elongate the this 'line' the tabs are on, so that they align on the same line together (sitting below my logo) then that would be great too! Any help would be amazing and thank you 🙂
  7. Site URL: https://khaki-indigo-bjze.squarespace.com/config/ https://khaki-indigo-bjze.squarespace.com/config/ (pizzapie) Need to add a few things to the site header. I added a phone number in my header using this code in the Custom CSS section: /* PHONE NUMBER IN HEADER */ .header-nav:before { content: "012.345.6789"; font-family: Catamaran; display: block; position: relative; color: #000000 !important; text-align:right; right: -400px; top: -60px; font-size: 40px; font-weight: bold; } See Photo #1. I want to add the address to the other side, so placed this code in the Custom CSS section:: /* ADDRESS IN HEADER */ .header-nav:before { content: "xxxx North St, Suite 000, Woodland Hills, NE"; font-family: Catamaran; display: block; position: relative; color: black; text-align:left; right: 500px; top: -40px; font-size: 20px; font-weight: normal; } When I added this code, the phone number on the right disappeared. See Photo #2. I also need to fit a scheduling button on the top right near the phone number. What I found online was to go to "Home" > "Commerce" > "Header and Footer." However, there is no Header and Footer option in my options. Thank you for any assistance!
  8. Site URL: https://www.nela-nela.com Hello, I am trying to fix an issue. I found several partial solutions here but no complete solutions. Website is www.nela-nela.com On most of the website the header (navigation text, logo, social icons, cart icons) are white, which is good with our background images. However, on the product pages of our shop, we don't want to have a background image, and the header is lost in the white background. I found code to change the color of the navigation links and to invert the color of the site logo, but I couldn't find code to do this for the social media icons or the shopping cart icon. In addition, all the code I found, I added through the "Code Injection" function on the Shop page. However, this also changes the header color in the shop (https://www.nela-nela.com/shop), which we don't want to be changed. Very specifically, these are the pages which we want to change. https://www.nela-nela.com/shop/p/superfruit-leaf-tea-collection https://www.nela-nela.com/shop/p/blueberry-leaf-tea https://www.nela-nela.com/shop/p/blackberry-leaf-tea https://www.nela-nela.com/shop/p/mulberry-leaf-tea Can anyone help us figure out how to change all elements in the header (navigation, logo, social media icons, cart icon) from white to black on these pages only? Thanks!
  9. Site URL: https://www.allgardening.co.uk/ Remove padding around top nav and image below in SS 7.0. I want to be able to move the hero image up, currently there is a huge white space, can't find a way to remove via site styles. Its Alex template, on Version 7. Would someone have the required code to add to the CSS? Thanks I'd also like to be able to move the nav elements so they are all on one line, responsively. Would someone have the code for that too? Thanks Loads. Phil
  10. Site URL: https://www.lommedalengk.no/ Hey, guys! I want to add an external login-widget to the header-menu on our website. The information I was provided with regarding html, JS, and CSS is all here: https://www.golfforbundet.no/klubb/organisasjon/golfbox-widget. I have attached a picture of how the login-widget is supposed to look when you click it. I have problems implementing it, and I was wondering if you could help me. I have attached a picture where you can see where we want to add our widget. How can I solve this?
  11. Hi everyone, I need to remove the background image from the headers on some of my gallery pages. I do not know why the headers are there on some pages and not there on others. After over an hour of scouring the internet and staring at the Squarespace Design interface I have found nothing on how to REMOVE the background, and so I must implore you all for your assistance. I am attaching a screenshot to illustrate that sometimes there is a background (it takes the first the first image in the gallery and puts it as the background), while other times there is not. I am on version 7.0. Your help is much appreciated. Thank you!
  12. Designing your site header is an important step as it plays such a big role in how visitors navigate and interact with your content. It looks the same throughout your site and typically includes your navigation and title or logo display. It can also include social or shopping cart icons, or even a call-to-action button! With style options like Gradient, the ability to use a custom color for the background, adding borders and drop shadows, you can create a unique design that fits your brand and makes your website stand out. You can read more about styling options in our Building a site header guide. How did you choose your header’s design? Have you played around with the new options? Share the results and your experiences in the comments below!
  13. Site URL: https://www.migrationandmobility.ca/ Hi! I am trying to add a photo like a banner above my site header in 7.1 but can't figure out how to do it in CSS. I'd like it to be consistent across my site like the site header. password to see the site: mobility
  14. Site URL: https://www.thedaring.co/blog/category/Art Hi everyone, In Squarespace 7.1, when a reader clicks a category link (screenshot attached), I'd like them to see that category text at the top of the filtered list of content they're served. Right now, they are seeing the general blog header (screenshot attached), which can be disorienting. Has anyone figured out a way to do this? Many thanks, Ioana
  15. Site URL: https://www.amandajamesbridal.com/ I am having a strange issue where the navigation, heading, logo and text are disappearing on pages with a banner image at the top. It reappears when my mouse hoovers over the navigation bar. I have a new launch coming up and want to fix this issue beforehand. Has anyone else been experiencing this?
  16. Site URL: https://www.rhiannonpiper.com Hello, I am having an issue with my Category headers, I had previously fixed the alignment issue with code I found on the forum (i'm not experienced in code at all) and this solved the issue, however I have just added sub categories to my website and the alignment on all the current categories showing the sub categories are now unaligned. This image shows the main category's which are all aligned. The image below shows when I then go to my 'Paints' category If anyone knows how to remedy this please let me know! Thank you RP
  17. Site URL: https://hen-rust-2rf6.squarespace.com/ Hello, I'm looking for some help with a few various design aspects on my website. I've searched the forums but can't seem to be able to find exactly what I'm looking for in here. Perhaps one of you might be able to give me some input. The site URL is: https://hen-rust-2rf6.squarespace.com/ The password is: guest Here are my questions: 1. Currently, I have a transparent header with a box shadow when first visiting the home page. As you begin to scroll, the banner defaults to the style of whatever the first section is. Ideally, I'd like the banner to start fully transparent with no box shadow, and then upon scrolling, have the subtle box shadow appear underneath it and have it change to either the current setting where it matches the color theme of the first section, or to a white background. I'm not sure I'm describing this exactly right, but if you need clarification, please let me know. 2. I have changed my desktop navigation to always force the hamburger patty style navigation, which I like, and plan on keeping, but am hoping to be able to change the vertical spacing of the navigation links independently between the desktop version and mobile version of the sites. Is this possible? Any help would be greatly appreciated. Thanks so much! Sam
  18. Site URL: https://www.miguelmadera.com Hey, I need help trying to reduce the space between the header and my gallery. I would appreciate anyone who could come up with a code to do that on not only my portfolio page but on the others as well. /* Header height */ .header-announcement-bar-wrapper { padding-top: 20px !important; padding-bottom: 0px !important; } The above code is what I have currently. It makes it better than before but its still not quite there. Thank you in advance.
  19. Site URL: https://hypersphere-sepia-x8z3.squarespace.com/ Hello! Thank you for all the good content in here, super helpful. I trying to make a small half circle at the bottom of the header to match the logo. Does anybody have any ideas? I've been trying diffrent css i've found here for boarder sections but no luck. 🙃
  20. Hi I'm testing my blog posts and the image is showing before the blog title which I don't like. How can I move the title of the blog post to the top and above the image? Thanks Belinda
  21. Site URL: https://vuvuzela-horse-w33t.squarespace.com Couple issue's I'm hoping to get some help with. The first being the alignment of my logo, as you can see from the screenshot attached - it aligns slightly to the right when viewed on mobile. I found some suggested code in a previous post (attached) but that hasn't worked either. The second issue is my headings, when viewed on mobile they hyphenate, when in reality I'd like them to automatically rescale when viewed on mobile so they remain on a single line. Hope this all makes sense & thank you in advance!
  22. Site URL: https://lobster-sheep-hd5s.squarespace.com/ https://lobster-sheep-hd5s.squarespace.com/ password ComeAway I have three pages, (four including the home page) but they aren't showing up in the navigation header. Is it the template being used?
  23. Site URL: https://sacredchildbeauty.squarespace.com/config/ HI! I have a client who wants the home header to be dynamic and the other pages to be a theme so the logo can show on all other pages.
  24. Site URL: http://www.raindropdm.com I wanted to add a Membership badge from my local chamber of commerce to the middle of my header but have not been successful. Any help is appreciated.
  25. Site URL: http://www.roniselects.com Hello- After so much tweaking for the life of me I am unable to remove the space between my nav menu and my video block. I want to specifically bump up the video block - it is widescreen and is automatically centered on the block. Is there a way to align the video to the top of the block?
  • Create New...