Squarespace footer logo Type "logo" in the search box at the top of Site Styles. This size is perfect for my footer when displayed on mobile and destkop. Visa, Mastercard ( I am currently registered with Stripe). While it does appear in the desired footer position of the viewport, the placement is not consistent across different screen sizes. header-title-nav-wrapper { flex-direction: column; justify-content: flex-start !important; align-items: flex-start;} //change navbar background// Your logo can be placed in the middle or aligned to the left of the header, with the menu options in line with or below the logo. Posted June 18, 2021. What template are you using? First check Site Styles to see if the logo sizes are determined there. Using squarespace 7. Hi, I'm wondering if it's possible to remove both the header and footer from select (not all) pages? I have the personal account right now, and in order to use custom code I'd have to upgrade, but I don't want to do this unless this is possible. I don't see a logo in the Brine footer. 1. I am using Squarespace 7. You can add a Code Block on Footer > Add Lottie Json code > Then share site url, we can give code to replace Header Logo with Code Block Email me if you have need any help (free, of course. Thanks. Thank you! Current footer: How I'd like the footer: Hi Kids. My site is produced in 7. section-background { background: transparent; } to this body. When I went to check, sure enough, it is! It worked perfectly about 2 months ago but now it's not. 1 site. The footer seems like its taking up half of the page in mobile right now. Because of this I have created another logo and I want to add this in a way that if I scroll down, the logo also changes to the other logo with another logo. The footer is the bottom section of your site, below Gathering resources I've managed to add the photos of my logos to my footer, but Squarespace seems to be adding an image overlay. png file that appears on the footer. If you go this route, let us know how it goes. Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. @tuanphan do you know if it's possible to create a navigation menu that wraps around the centered site logo? Free online sessions where you’ll learn the basics and refine your Squarespace skills. Then remove the line block. 1? https://tamarin. In case someone comes across this topic, you can hide a desktop se My main issue with this solution is that it wouldn't allow me to have 5 logo images at the same size. com/squarespace⭐️ Complete Squarespace Tutorial: https://youtu. com/ Hello, I have two images - 1 logo and 1 flag in the footer of my page that I wish to make significantly Add a line below your footer current blocks and then build up new blocks something like to following. That’s where navigation design, which helps visitors move around your website, comes into play. I'm now encountering another issue with my SVG logo Depending on my browser window size, it looks like my logo is sometimes getting cropped on the right edge - right where the registration mark appears. Can anyone recommend a fix for social icons disappearing from a version 7. I'm using version 7. I have 3 logos in my footer and they all look huge on mobile. ive tried many header/footer injections and it sill does Site URL: https://katie-remond. com Hi, I'm trying to change the logo I use on my homepage so it's different than the ones on all other header pages of my site -- for legibility, I need different colors in the logo. Logo in the footer looks huge on mobile :(By strawberrybrandstudio, September 10, 2021 in Customize with code. image-block { width: 30% !important; } } hello! ive been desperately looking around for a solution on redirecting the logo on my site to the homepage rather than the cover page. The logo on the right is your code, id like to make go on the left and replace the background with a blank one. 🙂 I am building the website for our client and couldn't find a way to keep images in the footer displayed in-line (exactly the same, as on desktop, but smaller). Upcoming Webinars Site URL: https://www. Can some one help? Thanks 🙂 Emilia I want to customize the dimensions of my logo, both in my header and footer. com. Squarespace Forum; Squarespace Webinars. I got it to work except that it seems to repeat the image below. Site URL: https://tarpon-mackerel-ylzd. That way they would invert no matter what color they are. We provide high quality original extensions to Check out this step-by-step live build on how to build a proper footer on Squarespace. Any advice is appreciated! hey again @rwp!You kindly directed me here from the other forum. At the minute on mobile it looks like this: Squarespace is always updating and adding to its robust set of tools to offer new options for customizing and personalizing your website. Skip to Content Open Menu Close Logo Guidelines. strawberrybrandstudio. Once you’ve successfully designed your logo, the next step is to put your mark across various touchpoints. Yes I have coded that in there so it sits where it does (in the middle, on top of the header etc. 5 ways to build and style your Squarespace footer using CSS on buttons, text, and links to maintain your brand identity and enhance your UX. I have tried png and gif images of various sizes, Squarespace Webinars. homepage footer On mobile view, yes I would prefer the logo to be left-aligned and for the social links to be on the right! Thank you the custom CSS worked but now my logo on the left is higher than my social links on the right, is there a way to fix that? In the footer section of my site, I want to change the "link" social link block icon logo to an "etsy" logo like the one attached. Display also Followers: Asked: Updated: Followers: 4:00AM to 8:00PM EST. au Your help is much appreciated I was looking to add payment icons to the footer of my homepage so my customer's can see which type of payments are be accepted on my website e. One way is to add an Image Block to your footer, and then upload your I'm trying to add my logo (png file) into the footer but the image is greyed out in the background. maisongraceatl. I want to hide navigation/header/logo & announcement bar (everything at the top) on this single page In the (distant) past, SquareRefresh, premium plugins & templates that have an elevated feel. Thank you! Some code to hide Header and Footer on One Page. First, you can edit Site Header. Is there a way to have the "info@" email text sit to the right of the logo image at all sizes above mobile? I am trying to get this image/logo to overlap into the next section above it. The consistency is also helpful in that users will know what to expect when i want to add a logo to the right corner of my footer. They look good on desktop but too big on mobile. my website: www. I can't find a way to make it smaller. For some reason, it makes one logo image larger than the others. hey again @rwp!You kindly directed me here from the other forum. Logo Guidelines. Contact and account information (including your name and email address) Change last code body. health is the website <style>. Hi everyone. 0 and cannot find anything for 7. I can not figure how to Most likely the issue you are having is the code was designed for a different version of Squarespace or you are using a different template. Products. @iamdavehart Thanks for that, is it possible to add the logo to the top left rather than top right? in screenshot below, on the left the Gilead logo is part of the background image but that becomes a problem with different screen resolutions. 0 site? The social icons are visible when using Safari, but disappear from the footer when I view the website in Chrome using my Mac laptop. Site URL: https://stbonifacefoundation. I see you use Squarespace 7. When I upload it in a bigger size, the size of the actual image in the footers also increases. From the same website, we are using several different mailing lists, which we use to send out different distinct newsletters to different mailing lists, which all have a different branding, logo, style, etc. icon Squarespace Webinars. I'm trying to get the Discord logo as part of the social logo on our site for the header, footer, and mobile. com Hello, I am trying to resize image blocks on my webpage. And, my very important footer block is entirely gone! Footer is still there in the back end though. com/config/ I put logos in the footer and they look great on laptop, but look huge on mobile. How do I set the footer contact information so it's aligned with the header logo above (or vice versa)? Edited April 7, 2023 by helloarchitect Footer: Additional navigation at the bottom of a web page that often includes contact details, social media links, and other important resources Sitemap : A file that lists all the pages on a website, providing information about the site's structure to search engines Please be aware that in instances where Squarespace is merely the Registrar and does not provide web hosting services, Squarespace does not control the content and the content does not reside on Squarespace’s servers; you will need to resolve the claimed trademark infringement directly with the site owner or the web hosting service provider. I took the code and added it to my homepage, to add a logo to the intro statement. www. You also have the option to resize the Squarespace header logo for (Mobile-Footer) Make logos side by side? Email me if you have need any help (free, of course. Squarespace now provides settings to hide headers and footers on each page for v7. com/ I've added in my web footer an svg / logo type. I was able to successfully customize the footer code to make the logo url link to the new "home" page. Do I need a code? Someone can help me with that? Squarespace Webinars. Site URL: https://hexaflexagon-hexagon-3d4d. Adding the final touch of my website, I am facing an issue with my footer. I have tried a few different ways, however the custom code is not working. Upcoming Webinars Hi all, I've done a google search and found several results on this but none have quite worked the way I wanted. Thanks Unfortunately, my client would like me to keep it private until he launches. When I am editing it, Squarespace Webinars. invisiblefriendsofsolana. It won't cover all situations so CSS custom code is still useful in those situations but t the logo to still show, Regarding your footer logo problem, could you please share the URL to your website so we can take a look at the image in question. The Squarespace brand includes the words, phrases, symbols, designs and other distinctive brand features associated with Squarespace and our services I would like to place the white icon "n" in the footer left aligned and not centred. A one-page website centered around a single image is a perfect way to quickly make a strong first impression and communicate a feeling of luxury. It works perfect on desktop but on mobile / tablet it's a little bit to big The website footer is the section at the bottom of a web page, usually containing contact information and other site links. @tuanphan do you know if it's possible to create a navigation menu that wraps around the I'm trying to hide the header logo on mobile frontpage only (I have managed to hide it on desktop view succesfully). password is akashayoga To change footer logo, add this to Design > Custom CSS /* Mobile Footer logo size */ @media screen and (max-width:767px) { footer. For example, there's no built-in option to set a footer on the Wells template. Ideally, everything would be left justified (logo and social links) as well, if possible. 1 and I Hello everyone, I am experiencing some roadblocks with the positioning of the logo in the header of my website. i want to make sure that when you click on my logo it redirects you back to the home page, not cover page. Recommended Posts. consyl. com Hi I am building my site (still private and not linked to URL) and went through web tutorial but I want to have a different logo left and right on my footer area with text in the middle. I attached screenshots of how it looks now vs how I would like it to look. twinforkswindow. Not sure why but the logo height seems to move around as the page gets narrower. You can upload a logo image to appear in place of your site title. bloomhomes. Hi, I know there's lots of code out there to hide either the footer or the header, but I'm trying to keep the navigation menu and the footer and just hide the space where the logo would be where it says "Your voice for district 14" at the top. It's a valuable part of any web design. com pw: VR4s3#@klMN* I'm very new to Squarespace and figuring this out as I go. 1 sites. Site URL: https://www. Hi. Mobile Optimization: Squarespace automatically resizes logos for mobile devices. Skip to Content Home As a general rule, I usually always include in a footer: Company info and logo. Create a website Website I want to customize the dimensions of my logo, both in my header and footer. When choosing a template for your website, preview examples and choose one with a layout and design elements that speak to your style and highlight your work best. image-block { width: 75%; } } Email Squarespace Webinars. I am trying to remove the link from the header & footer of the website but keeping the logo. Is there any possibility? Thank you so much! You can add this to Website > Website Tools > LogRocket’s footer contains an address, number, and social media links, highlighted in the screenshot below. To make the Squarespace logo bigger or smaller, simply drag the slider under Logo Height, and the logo should adjust in the editor in real time. I used to be able to do it effortlessly in the 7. Hover on Footer in edit mode > Click Edit Site Footer > Insert Image Block > Add logo image Learn about your site’s footer, the section of content at the bottom of your site. I'm quite new to all this but I had a similar problem on my site where I wanted the logo on the footer to be smaller than the header logo on mobile. I'm able to add the png file anywhere else just fine throughout the website and in When it comes to building a footer, add a blank section to the bottom of your page. Choose an image that encapsulates what you’re launching, add a preview of what’s get PATREON logo and link to my PATREON page in my pages header and footer I found opportunity to add link without logo, but it is not correct way. Does anyone have working code for this? Also, on mobile view the footer has a weird white space in the bottom, any advice how to fix thi Make sure the logo does not change in size upon page resize. Thus, I decided to go with 6 logos. It would be much easier if we could access the Gallery sections in the footer. Nick I am trying to reduce the padding of my footer using Squarespace 7. Here are the details: 1. png. How do add a secondary or footer navigation in 7. com and it looks great, the only issue is that it doesn't center like all the other blocks do when viewing on mobile, I have the following in my CSS code which centers everything else without issue. Any help? css code for the logo in the header: //Discord logo . Last updated: Hi, I would like to change the header background and logo color on several pages of my site, my client would like a specific color palette on the "kids" section, and would like the header to be brown #552f23 instead of purple. Thanks in advance! How do add a secondary or footer navigation in 7. org) uses Squarespace 7. Answer within 24 hours. We provide high quality original extensions to supercharge your Squarespace website. Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business. Our Squarespace pros are here to help you understand search engine ranking and how to optimize your site for search results. /* Resize footer logo desktop */ @media screen and (min-width:768px) { footer. I would like to have a custom footer with our logo in center (which should be a hyperlink to the front page as well) and also a custom "line", which is an image (basically a brush from Illustrator). If you have a concern about a domain name registered with Squarespace, Thanks for the help, I changed the logo as it was blurry so the size problem is fixed by my alignment is having a problem now. It's best to use a size which matches one of the native Squarespace image sizes and yet isn't too large or too small, typically 300px or 500px wide. Another way is to use the Custom CSS feature to add your logo as a background image. Contact. Posted September 10, 2021. Hi! Is there a way I can change the order of the footer middle block and the footer nav block so that the middle block (has the logo) is on the left and the nav is to the right. squarespace. I tried changing the z-index, but its not working either. See attached. As the Squarespace product is frequently evolving, Squarespace code is subject to change at any time and Squarespace cannot guarantee the code examples below will function in perpetuity. Whether you’re starting a blog, selling online, or creating a portfolio of your work, website navigation can make or break the effectiveness of I'm trying to add a block to the footer of my website (for a logo), but the menu instantly disappears. Hi there, at the moment I have two professional credential logos in my footer, but I would like to add a third. Any further help really would be so appreciated! I must admit there's a bit of guess work going on here from my end but this is where I'm at with it I'm really quite useless with code: do you know if I'm able to do this with my footer also? And in regards to your comment about the logo image. My footer logo looks good on mobile now but it is way too smaller on the desktop view. This I realize that the question I'm about to ask is very basic: Would anyone share the code to center logos in the footer of a Squarespace page? The caveat is that I have 3-4 logos to add to the footer. Currently using the code below to achieve something close to the desired look, but I'm having issues with the nav staying centered on all screen sizes and the logo not shrinking down to nothing on smaller screens. I have two logos on the footer. Can you please help me figure out what is going on? I tried re uploading the image and the problem persists. sections img { content: url Using the Harris Template, the logo I have placed on my footer appears far too large on mobile. Home ; Forum ; Customize with code ; How to make my footer logo bigger tablet view? Customize with code How can I add a logo on the left hand side, with Site Title next to its right and a copyright notice on the right hand side of the page, all in the footer of all my pages? Thanks in advance My website url is https://dalmatian-flugelhorn-6yx4. After logging into your site: Enter Structure mode. Get Freebies: Sometimes things in life are free. Could an I am having trouble with the logo footer specifically for the mobile version, it seems to crop part of the logo and also is too small. Desired Position: I want the Hi! I am trying to keep the logo but remove the menu in header and then remove the footer fully on only 1 page. 0 and has a logo in it's header, which links to the homepage, if possible we would like to keep it this way. I have a cover page on a Squarespace 7. I followed Thirty Eight Visuals tutorial on 'adding an overlapping logo to your footer in Brine' and my logo is not showing up on the page. A note regarding Squarespace 5 sites: Squarespace 5, our legacy platform, doesn't allow permissions to be edited. Any ideas? I have tried several codes but they do not work. I have the image I wish to use my computer so I was hoping to know how to replace the link logo I was looking to add payment icons to the footer of my homepage so my customer's can see which type of payments are be accepted on my website e. Many thanks! Hi, ---How do I ensure that the logo I have in my footer displays smaller when viewed on a mobile than it does when viewed on a laptop? ---Also, is there a really specific video explaining how to do this? Hi, I have added this to my footer on my site https://andymallinsphotography. I just popped by the site and noticed the logo has moved to the left and the nav is all over on the right now. Unless someone has code to get around this? Jump to content. Getting started on Squarespace doesn’t have to feel overwhelming. Posted July 25, 2023. I've managed to add an SVG to the header using some code, so I assume its possible to do in the footer as well. How can I make it look like this - On mobile view, yes I would prefer the logo to be left-aligned and for the social links to be on the right! Thank you the custom CSS worked but now my logo on the left is higher than my social links on the right, is there a way to fix that? Categories of third parties to whom Squarespace discloses this personal information. vincerojp. Is any of this possible? Thanks for all your help, Tuan Edited April 5, 2022 by Digorg Site URL: https://www. Trying to make logo clickable to go back to home page, but so far not luck. I'm using the Harris template. See screenshot attached. 1 and it does not give me much options to reduce logo size or reduce slide size. 2) Add whatever links I want displayed to the RIGHT of the logo, into a text box in the FOOTER, at which point a code can then be populated to move the text box to the appropriate space in the Header. Site URL: https://lilsuka. Thank you! Edited February 5, 2022 by Tami21 Hi, I'd like to feature a logo as an SVG in the footer of a site. I have taken code I have used successfully in Brine and updated it with the 7. In case someone comes across this topic, you can hide a desktop se When does white labeling make sense? There are several reasons why the decision to white label is a smart move for small businesses. I'm fine with how it looks on desktop right now. I have research the forum and found one post related to this problem. However, I ran into the same issue as some other folks Some time ago I created an html email footer using an image hosted in squarespace I need to change the logo (and ideally retain the same URL) but cannot seem to navigate to it in my square space account - it does not seem to be in my asset library anywhere! I have completely forgotten how I cr Looking to center the navigation links between the logo and Add to Cart button without the links stacking or the logo shrinking. I am also having issues with getting the footer smaller on mobile - have tried some of the codes above, but none are working. Right now, the logo in the footer is too big on mobile, and the logo in the header is too small. I can see the logo when I am in editing mode. I've tried the following code in the Custom CSS: footer#footer-sections . It’s best not to place a logo on the right hand side of the header because this is not naturally where people look when they land on a website, so it impacts visibility. Please post the URL for your site. I'd like the logo to stay the exact same size (height and width) no matter what the page width is. Any guidance on where I might be going wrong would be greatly appreciated. Add text or HTML to the Display a logo that's unique to your brand in your site header. Navigate and services are not is same row and logo is also not in the center. You helped me previously with the global footer logo. The file size I'm using is . For example, someone looking for a new job in graphic design will want a template that makes it easy for them to show some visuals, whereas a Hi, I'm putting together a landing page, for a webinar video. We use cookies to provide you with a great experience and Site URL: https://www. I have my logo on the footer. Hi, I would like to change the header background and logo color on several pages of my site, my client would like a specific color palette on the "kids" section, and would like the header to be brown #552f23 instead of purple. Within your section you can then add all of the blocks you want to appear in your footer such For Squarespace 4 sites, edit footers and headers in Website Settings. Categories of third parties to whom Squarespace discloses this personal information. Watch the video above or read the transcript below for how to make your site easy for search engines to crawl and boost your discoverability. com/static/61264f4b1d10063fd6fb198a/t/63591f4389ec3e15692b8d41/1666785092531/cic. Circle Member; Just wandering if the TikTok logo will be added as social link that will have a logo attached to it and not a link symbol. fr A note regarding Squarespace 5 sites: Squarespace 5, our legacy platform, doesn't allow permissions to be edited. SquareRefresh, premium plugins & templates that have an elevated feel. com On the mobile site, my logo in the footer is way to large. This is how we would love the footer links to be displayed on mobile - see the attached screenshot below. Ideally have the strava icon replacing the 'link' icon that is used now when adding a customised link How Hi everyone I would like to know how to reduce the line height in the footer. I've managed to get it for the header, but I don't know about footer (as w The rest of the footer didn't get smaller yet. ive tried many header/footer injections and it sill does The following is for the logo in the header. animation-loaded {width: 150px;}}. 1 - footer#footer-sections, but it doesn't seem to work at all. There’s also a link to a dedicated Contact Us page:. Hi, Can anyone tell me in very simple terms why my logo in the footer has suddenly stopped showing up and how can I fix this. Could you please help? Thanks! The slide on mobile looks huge. PNG and dimensions are 177pixels x 177 pixels. This however means that if I need to update anything at all in the mobile footer I 1) Change the header layout to be: Navigation Links (left aligned), Logo (centered), button (right aligned). I'd like the bottom section below the Instagram section to be about half the height that it currently is. Squarespace do no offer this at the moment so they have suggested I reach out on this forum to see if anybody has a code which I could use. 1? This was so easy in 7. One way is to add an Image Block to your footer, and then upload your Is it possible to add a logo to my footer area? I’m in the newest version, and everything I’ve seen is for 7. I can't figure out how to do that! I'm using Version 7. 1 workaround </> No-code customisations for Squarespace 1. Useful links and resources. I added an image in my footer (which is my logo). I then resized the image to match the original logo size which almost works but it seems to repeat on the right hand side (only slightly) Site URL: https://stbonifacefoundation. A note regarding Acuity Scheduling accounts: Granting billing permissions is not possible on Acuity accounts without a Squarespace login. Right now, the logo is between the two text sections. I have a clean crisp logo I've tried to put in the footer, but it keeps on showing up slightly blurry. Header or Footer logo? Email me if you have need any help (free, of course. Over all the BG is huge but they should all reduce quite a lot. com Hello, The display seems to have changed since some new feature was upgraded. It looks like I'm having the same issue as others in this thread; the two logos in my footer look fine on desktop but resize to be MASSIVE on mobile. Templates: Our templates are designed with versatility in mind. Upcoming Webinars . Free online sessions where you’ll learn the basics and refine your Squarespace skills. It's fine on desktop and tablet but the logo becomes huge on mobile view. image url : https://static1. Paste this code in your CSS panel @media only screen and (max-width: 640px) {section [data-section-id = "625aceb8fc379b2c56f8e72f"]. Thanks so much for all your help @creedon!. Funnily enough I checked out the squarespace template I used 'little comet' and its demo also has these changes! Hi what is the best way to showcase logos in a slide. Account Dashboard Domains Log Out. Thank you! URL: https://tarpon-mackerel-ylzd. Menu links. Requirements. One way is to add an Image Block to your footer, and then upload your logo image into that block. You can change the width in Does anyone know how to make your footer logo overlap the content of your site? I changed the margin of the logo to be in the position that I would like, but the canvas above it is cutting it off. Do you happen to know what the code for just the logo in the header is? Trying to implement a glitch on hover effect and can't seem to figure out how to do it properly and cant figure out the correct code for the logo in the header. Upcoming Webinars Hi everyone, I hope someone can point out where I am going wrong please! I'm trying to add an overlapping logo in the footer of a new SS 7. I am looking for a solution in order to make it smaller, as it is on the laptop and tablet view. As an all-in-one platform, Squarespace makes this process simple. Jump to content. By using this website, you agree to our use of cookies. I am new to squarespace and css coding, but I was wondering if anyone could help me add a small logo above my social media icons in the footer. com password: rileysblog Site URL: https://www. ). Forum. Upcoming Webinars The following is for the logo in the header. Check out this step-by-step live build on how to build a proper footer on Squarespace. How to Make Logo Bigger on Squarespace. However, I would like to keep it the same in the desktop version. Thank u! Jump to content. FREE Squarespace Trial: https://meticsmedia. When I add a block to any other section, the menu is there to add a block. net Hi! I'm trying to shrink this footer logo in mobile view and I can't figure it out. Have, here anyone some ideas how to resolve this problem. This article will highlight a few options that you may not yet have encountered, but could be just the tools you’re looking for to fine-tune your site’s appearance. talyasanders. Can you help, please? I However, I do not understand how to make this logo size change only on mobile and not on desktop. Ideally aligned in the center. This size ensures it doesn't distract from the main content while still maintaining brand consistency. paul2009. Strangely, the icons do appear in the footer when I check from my iPhone using the Safari and Chrome browsers. 0 website. I often use a line block to help me place other blocks on the right row. With Footer, you can consider adding 2 sections in footer, we will show 1 on DE, show another on IT If you have very few pages, you can also do it with another approach based on this tutorial Edited February 27, 2023 by tuanphan . Thanks! I've just joined Squarespace and was pleased, till now. Client just called me to tell me suddenly the footer logo on their site is now cut off. Thank you! Edited February 5, 2022 by Tami21 For some reason, my website is not displaying my animated logo in the footer. Not sure how to resolve that one It's a code block using and elfsight plugin. Scroll down to the bottom of your site. Curious if anyone can provide some guidance. Is it a padding issue? Any advice would be appreciated. Hi @tuanphan!. Do you mind taking a look to see if I used the proper syntax? I also notice that the new ext ra logo doesn't appear on my mobile display, and also isn't included in the footer like I would have wanted it to be added, please could someone help me with this? It looks like you removed social icons + image. My mobile site pages are Not Linked if that matters. I have the image I wish to use my computer so I was hoping to know how to replace the link logo with the tiktok logo. 0. content-wrapper { max-width: 100%; } footer#footer { max-width: 100% !important; } Some help would be much appreciated! Great, thank you so much @tuanphan!I fixed the width size of the logo. com In the header I have my social media links, however I am unsure how to add a custom logo for tiktok. Site URL: https://tangerine-pear-2fep. Any help would be much appreciated. However, we can cancel or remove the site. Thanks for your consideration. Click Edit Website Footer. From a basic standpoint, if a small brand is experiencing demand for a product that they don’t have the capacity to manufacture themselves, or if they don’t have the expertise to do it, that’s probably the spark they need to Site URL: https://www. Choose a template for your resume website . (Mobile-Footer) Make logos side by side? Email me if you have need any help (free, of course. Image below for reference, if someone could kindly help with this. image-block-outer-wrapper. Categories of third parties with whom Squarespace “Shares” this personal information. footer; Followers 1. It has been working for months properly, and now it's showing white. com The social icon's alignment in the header is messed up, are they not supposed to be side by side as default? I can't manage to change the image in the footer for the link either. Thank you all for your help, y'all are the real MVPs! Hi what is the best way to showcase logos in a slide. How can I make it look like this - Our website (smart-transportation. I have tried various CSS but can't seem to get it working. BeyondSpace - Squarespace Website Developer. 2 options to do this. Any help would be appreciated! Footer logo placement. homepage footer. be/kmQTck7bqsk-⚒️ Best Online Marketing Tools:ht I found this thread and hopefully someone might be able to help me. I have successfully moved it up, but now it disappears behind the section rather than sitting on top of it. Send us a message and read our answer when it’s convenient for you Squarespace Domains LLC and Squarespace Domains II LLC are committed to providing a safe and trusted service. Only I cannot find any info about this on the interwebs. g. Styling the Wells template - Logo and cart positioning, colors and adding a footer on all pages By igwe , March 25, 2020 in Site Design & Styles footer You no longer need to use custom code to manually adjust logo size in Squarespace! Resize the logo by dragging the logo height slider. au hello, My footer logo is too appearing much too large on my mobile site. Specifically I want to adjust the footer logo so it aligns with the logo in the header, and I need to resize the image blocks of the pictures in HI! Thanks for replying. Squarespace Forum; Free online sessions where you’ll learn the basics and refine your Squarespace skills. I would also like to just invert the colors of those social link icons on hover using the filter code. Get started. ) Do you know if it's possible to some how invert the logo or upload a white version just for that page. Any further help really would be so appreciated! I must admit there's a bit of guess work going on here from my end but this is where I'm at with it In the header and footer I have my social media links, however I am unsure how to add a custom logo for TIKTOK. Site URL: https://okra-icosahedron-kp4z. sections . A note regarding Acuity Scheduling accounts: Granting billing I'm trying to add my logo (png file) into the footer but the image is greyed out in the background. But, Hi @Marzon Thanks for sharing this code, super helpful. Thank you!! But because the background of the logo changes from dark to white, the logo is not nice on one of these backgrounds. and adjust value. You can Note: This content was created by a member of Squarespace Circle and does not reflect an official recommendation by Squarespace. sections section, body. Now I just need to figure out how to make it My main issue with this solution is that it wouldn't allow me to have 5 logo images at the same size. header, #footer-sections {display:none!important;} </style> I used that earlier but it removed the logo, too. Basically; If I scroll down I want to see the alternate logo on my header. Yes I solved the logo problem because I created 2 sections one for mobile and another one for desktop. Contact and account information (including your name and email address) hello! ive been desperately looking around for a solution on redirecting the logo on my site to the homepage rather than the cover page. 0. Looking to center the navigation links between the logo and Add to Cart button without the links stacking or the logo shrinking. I've currently created a seperate section for the mobile footer and have used CSS to hide/show this and the desktop footer for each page. com Hello, The logo on the mobile footer is too large and I can't change it, please help! I found a previous thread on this topic but couldn't get the code to work for me. emlewis. Do you know any other way to decrease the size of I am having trouble with the logo footer specifically for the mobile version, it seems to crop part of the logo and also is too small. Just wandering if the TikTok logo will be added as social link that will have a logo attached to it and not a link symbol. Plugins: Have your site stand out. Structure and design options are set on Squarespace templates so for much of what you're asking here, you'll need your own code. Have tried the code but it is just not working. Thank you so much for your help. com password: site123 The feature is available on the footer menu of the homepage and provides a quick, many have missed the Squarespace logo designer. What code do I need to insert to fix this? My page is currently password protected: www. Using their own template, my header logo is white, but the invoice doesn't show my logo because it is printed on a white page! I cannot believe that I can't change it so that it shows up on the invoices. Your logo should appear on every page of your site, and be prominent on pages that prompt your readers to take an action, like contact forms and This CSS trick is great for designs where you want to add an image, icon, logo or any other sort of detail to the footer of your client’s site, without having to stay within its Your footer design can help reinforce key brand elements like logos, brand colors, and messaging. inc Looking for some CSS for the footer on our site that is way to big in Mobile. Is this possible? Desktop version: Mobile version: (Would like the logo to come behind Make a Reservation) If you’re short on time and looking to drum up excitement before a full website launch, use your product or work to your advantage. Quick Q for y'alls: Can I change the icons in use for the social media? I hate 'Twitter' so I use Bluesky but want to have their icon, not just the default one. I'd like the logo to be smaller, and the newsletter fields to be smaller. Soon as the plugin is enabled, the site I am trying to add my logo to the footer of my Squarespace website, but I'm experiencing some troubles. I have 5 logos in the footer and they become very big on the mobile version. . @iamdavehart Thanks for that, is it possible to add the logo to the top left rather than top right? in screenshot below, on the left the Gilead logo is part of the background image but that becomes a problem with different When you’re launching your website, it’s a good idea to think about how you want people to interact with your brand online. legacyenterprises. Now the logo and text are overlapping on medium viewports. Browser our hand selected free plugins. 1 I would like to rearrange the footer in the mobile version so the logo is at the very bottom. Skip to Main Content. How to change Footer Logo on One Page? Business Plan/Higher, add to Page Header <style> footer. I tried to use some code from previous posts but they haven't worked. In the header and footer I have my social media links, however I am unsure how to add a custom logo for TIKTOK. The Squarespace brand includes the words, phrases, symbols, designs and other distinctive brand features associated with Squarespace and our services (“Brand Assets”). My website template is 'Hyde'. As soon as I put Done, the logo goes invisible. You can even add a new section to the footer and then add the blocks there. How can I get rid of that overlay? (I can't seem to identify the If you want to add a logo to your footer in Squarespace, there are a few different ways you can do it. Apologies I am not so techy. Can you help provide the code for 7. The logo should be as easily recognizable and clear (not pixelated) regardless of miniscule or blown up sizing. Choose Site title & logo. Footer Logo: The footer logo can be smaller than the header logo, typically around 100-150 pixels in width. I would also like to know how to make the photos in the hero section of my homepage smaller on mobile. I've seen code like this: <style> header {display:none} </style> But that hasn't worked. I tried to make some tweaks with the %, only if I put the padding-bottom: on 110% is can see the whole logo but then the space between the logo and the rest of the text looks ugly so this can't be the solution 🙂 hope you I want the footer to span the full width of the viewport, with a divider line, same as the header. I found a way of cheating it by adding some extra transparent space to the sides of the logo . Thanks, Dan. Also the text should be placed as shown in the photos. I am using this code to move it up. WEBSITE • INSTAGRAM emlewis. header-title-nav-wrapper { flex-direction: column; justify-content: flex-start !important; align-items: flex-start;} //change navbar background// Current homepage isn't staying, but the logo scroll plugin half way down seems to be causing some width issue. 0 on the Brine template. Hello. Plus when it got covered to a mobile view, It was HUGE! Any help would be appreciated. I have attempted to add in the TikTok logo in the social links block: Please see each page: Social Links in Footer: Squarespace Webinars. On most sites, your site title or logo appears at the top of your site. com Hi everyone I'm currently building a website and would like to add my clients strava profile link to both the header and footer of her website. I'm sure I could add some CSS to fix this issue if necessary. All Activity; Home ; Forum ; Customize with code ; Ensuring the Whatsapp logo appears in the header & footer of this page Customize with code Site URL: https://www. I made the cover page my homepage but I want it to be a one time thing. I'm using the Brine template. Thanks! Site URL: https://lilsuka. 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7. I tried using spacers but it was either too big or too small. Building brand consistency . Site URL: http://stride. You can If you want to add a logo to your footer in Squarespace, there are a few different ways you can do it. If you want to add a logo to your footer in Squarespace, there are a few different ways you can do it. Also, any way to made the middle one the same size as the other two? I had a hard time centering them with the spacers and getting them to be the same size. Hello, i would like to add a logo on ther lower footer above the social media icons on my website. Can this be reduced for mobile view only? Site URL: https://lseven. The Brine template has two logo width settings, one of which is for mobile. yfyskaykyohfctgmzozgnqgkmkzkydxhlvdvzbbzugizhlc