Search the Community
Showing results for tags 'header'.
Found 468 results
-
Site URL: https://travelersoftomorrow.com/ Hi there, I finished and published my multilingual site and people choose their language on my home page as it's usually the case for Squarespace websites. However, I would like that, when a visitor clicks on my site logo (top left), they would be taken back to their language home page (/home for english, /accueil for french) and not back to the page where they have to choose language again. I feel like this issue makes navigating the website kind of annoying. Apologies if this issue has been addressed before. FYI - I know really little about coding. Many thanks to anyone willing to help! 🙂 -
Site URL: https://www.rainbowbridge.love/ Hey - I was surprised to hear that 7.1 templates don't have an option to put a search bar in the header nav as an always on. Building an ecomm site I figured that would be pretty standard. I don't want to put it on individual pages as that would mess with the flow and design. Any ideas for custom code to have a search bar in the header nav?
-
Change Header Background Color on any given page?
kindandbrave posted a question in Coding and Customization
Site URL: https://littleboxestrial.squarespace.com/ Hi, So I know the Header Color = the first section color, but is there a way to make the header color a different color than the first section? I know you can change it in the page design settings, but if I choose a color for the header there, it's site-wide. I'm hoping for a fix where I can change header background color on only specific pages. The way you used to be able to do this was toggling "default color" off in 7.1, but it seems Squarespace got rid of that feature, which is upsetting! Thanks for any help. -
Site URL: http://www.exceedfootwear.com Hi, I am looking to move the position of the cart on my website, most importantly the positioning when seen on mobiles. It currently lies behind the cookie banner if the user does not X it. How can I move the cart to show at top right but still on screen. The current template Horizon does not let me change properties of cart apart from colour. Thanks -
Site URL: https://at-consulting.squarespace.com/ Hi, I'm trying to add a simple line of text to my header, in particular the bottom right part of it, but I can't figure out what I have to target to do that. I managed to get text into the Header on the very top but not the spot I'm trying to target. Password is: Adr2020
-
Code to remove space between Heading and Paragraph
samadi posted a question in Coding and Customization
Site URL: https://www.samadihealing.com/ Hi There 🙂 I found this post on the Squarespace forum https://forum.squarespace.com/topic/80891-how-to-reduce-space-between-different-text-styles-in-same-text-block/ I'd like to try the second fix (beatrizc) but it seems I might be missing part of the code? Does anyone know how I can make this work Thanks in advance! -
Hey folks. I'm wondering why we cannot change the header's vertical padding to 0. I have a design I'd like to implement (attaching screenshot), but can't do so without removing the padding around the logo. I've tried using custom CSS to change this but it's not consistent. Any thoughts on how I can make this happen, or will I have to tell my clients it's not possible?
-
Site URL: https://seal-burgundy-yx98.squarespace.com/ I'm hoping to add the page title (or navigation title) to the center of the header on my project pages when viewed on the desktop. I wouldn't want it to show up on my landing or 'about' pages, so I think a header code injection seems like the likely way to achieve this, but I haven't found anything on the forums that quite does it. The text formatting could be Paragraph 2. Page: https://seal-burgundy-yx98.squarespace.com/ Password: RobHutch Thanks!
-
Site URL: https://pufferfish-lychee-nrmj.squarespace.com/config/pages Hi there, I need to create a landing page that is just image with a button that allows the visitor to enter the site. Apparently I need custom code to do this? Has anyone done it? Can I borrow your code? Thanks Michelle
-
Site URL: https://www.somethingmajorcoaching.com/ Hello! I have a problem I cannot figure out with Heading color. When I make a slight edit, the Header colors default to black every once in awhile. All headings are set to blue. When I looked at the site today, the headings were black (and I confirmed in incognito and on another device). I logged in, went to the pages w/ the wrong color, and in the backend environment they were the correct color. When I went to preview the page, they were blue again without my intervention. There is no Custom CSS on the site and all headings are blue. Why are the headings changing color (defaulting to black)? Can anyone advise? Thanks so much.
-
Site URL: https://www.whitewillowphotos.com/ Is there css code to make my navigation look like this website for mobile only? http://arianatennyson.com/
-
Site URL: https://www.ahenriksen.com Hi, I am using the bergen template on a business plan. I have made the page multilingual (english and danish), and originally the template has a button as link in the header. Though being multilingual it says the wording is english and leads to the english contact page on both language versions. I would like it to be in Danish and lead to the danish contact page when on the Danish version of the site. Any suggestions? Thank you in advance.
-
Site URL: https://plenitudpr.org Hi! I have a multilingual site with 2 folders for each language, 1 folder on the primary navigation and 1 folder on the secondary navigation. I wanted to add a call to action button to the right of the header and added this code. // Last 2nd Nav Item Orange Button // .Header-nav.Header-nav--secondary a:last-child { background-color: #ffffff; /* button color */ color: #ea7c3a; /* text color */ border: 2px solid #ea7c3a; padding: 15px !important; border-radius: 2px, } // Last 2nd Nav Item Orange Button HOVER // .Header-nav.Header-nav--secondary a:last-child { background-color: #fafafa; color: #ea7c3a; border: 2px solid #ea7c3a; } .Header-nav.Header-nav--secondary a:last-child:hover { background-color: #ea7c3a; color: white; } The button turned out great, however, the last item inside the folder I have on the secondary navigation is displaying the same formatting. How can I fix this so that the button formats only show on the call to action (secondary navigation item), and not inside the last folder item. Any help is greatly appreciated!
-
Site URL: https://chiton-tarpon-t78k.squarespace.com/ I'm trying to add a mini image to the right of to my header button text. I'm having issues formatting the text to the left. Also, whenever I refresh the page, the image seems to disappear. Here is the CSS I was using: .white .sqs-block-button-element, .white .image-button a, .white .header-actions .btn { background-image: url(https://static1.squarespace.com/static/5ea25216c82a445ce00182bc/t/5ecdcb02410a777ae78e6987/1590545154904/button_image.png); background-repeat:no-repeat; background-position:94% 50%; background-size:17%; text-align:left;} Appreciate any help!
-
Site URL: https://www.antiochphx.com My header styles have stopped working. When I try to edit them in the Design panel, nothing changes. All my Header styles now look the same, even though all of the settings are different. Please help! Link to site ---> www.antiochphx.com
-
Site URL: https://lisavaneyndhovendds.squarespace.com/config/ Hello! I currently have the CTA button in my header link to my scheduling website, but I would ideally like to put my booking widget in so it will pop-up in the site. Is there a way to do this in the header or do I need to add it to each page individually? Thank you!
-
Site URL: https://prehealthpivot.com/ I need to implement dividers (i.e., pipe) between navigation values for header bar content. For example, make the following happen for non-mobile header bar content: About Us | Industry Options | Insights | Contact Us -
How to add H4 and H5 on Brine Template using Index Pages
TameraL posted a question in Coding and Customization
Site URL: https://flatworm-oleander-welg.squarespace.com I am trying to add an H4 and H5 font to the Brine template. Using CSS, I've succeeded at changing the font size and color but no change to the font-family, Omnes Pro. Omnes Pro is the font family I selected from the Brine template for H1-H3. I want to use the H4 and H5 font on the secondary pages in the banners. These secondary pages are index pages. I'm new to CSS. Below is the code I used. Any help would be greatly appreciated!! /*ADDITIONAL FONTS IN BRINE*/ h4 { color: white; font-family: "Omnes Pro" !important; font-weight: 500; font-style: normal; font-size: 17px; letter-spacing: .05em; text-transform: none; line-height: 1.4em; } h5 { color: white; font-family: "Omnes Pro"!important; font-weight: 500; font-style: normal; font-size: 60px; letter-spacing: .05em; text-transform: none; line-height: 1.2em; } -
Hello, I have recently launched https://tag-am.squarespace.com/ To compensate the large empty spaces between the site title and the page body, I have temporarily implemented the following code: .sqs-block-horizontalrule {margin-top:-100px !important; margin-bottom:-23px !important;} However, when accessing the website from mobile devices and viewing horizontally, an overlay of the site title + buttons + logo occurs. Can this layout issue be solved without the horizontal rule fix that is leading to the overlays in many devices? Thank you very much!
-
Hi Guys, I've been trying to inject coding into my header to link a "Timely" bookings button. I've injected the code required from my booking software into the header field but it's not showing over the header. When i'm flicking between pages i get a glimpse of it in the top corner but then disappears when the rest of the header loads, its almost like its sitting behind everything else. I tested in the footer and it showed fine. Is there a way to make it visible and to be able to move it to a different position? Ideally i would like it to sit next to my contact button or even in it's place if possible while moving the Contact link to the footer. I've managed to get the link into the body of my Home page but would prefer it in header site wide. Any ideas would be magic.
-
I'm looking for custom css that will allow me to text transform h1, but not the other headers. I'm rebuilding a site from 7.0 to 7.1 (since there is no way to just migrate...) - and we had h1 in all caps and want the new site to be that way as well. I cannot share the new page as the site isn't public/subscribed, but here is what the 7.0 page looks like: https://www.needle-movers.com/ - it is custom css... and h1. I'm also looking for custom css that will remove the header and footer on the first page, so that it is only the css and then a button to enter...operating kind of like a cover page ... -
Creating a full-screen background color for my site header
Faydenko posted a question in Coding and Customization
Site URL: https://www.faydenko.com/ Hello everyone! I'd really like to change the background color of just my header, across the entire width of my website. I'm using the Avenue template and the built-in margins are making this difficult, as I can't get the background color to stretch across the entire width of the site. You can find my website here: https://www.faydenko.com/ Thanks a million! -
Site URL: https://theweightofhonormovie.com Hello, Does anyone know how to add more than one button to the header in Squarespace 7.1? I'd like to add another white button next to the existing "Host A Screening" button. Thanks in advance!
-
Site URL: http://www.amybrammall.com Hi Hoping you can help! Is it possible to pull the gallery content up and behind the header on Zion 7.1? I don't want a white bar there at all. Heres a screen grab to show what I mean. Thanks
-
Site URL: https://brecha.online Hi! I'm trying to figure out a way to change the color of my header on one specific page of my website (it's black throughout the website and I want to make it yellow on one page). I followed this helpful article and was able to find a code snippet that makes the header yellow while I'm on the custom CSS page, but whenever I leave, the live website goes back to the black header. Can someone help me figure out where the error is? As mentioned, I would like to ideally add this to a specific page, so if anyone could also recommend how to do this (via unique page id for instance) that would be very much appreciated! .header#header {position: fixed!important;} .header-nav-folder-content { background: #fac124!important; } body:not(.tweak-transparent-header) .black .header-announcement-bar-wrapper { background-color: #fac124; }
