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

Search the Community

Showing results for tags 'header'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 521 results

  1. Site URL: https://www.holdenbrewerproductions.com/ Hi, I'm looking to create a header on my front page that also slides to different headers, but also allowing new buttons on the separate images. From what i've seen, the slides are only images. I'm asking for something similar to what most websites have on their homepage, a sliding header that allows different link to be attached per slide. I'm not sure how to describe this well, so I will try to clarify if need be. Thank you, Holden
  2. Site URL: http://gabrielasilveira.squarespace.com Hi there, I'm trying to change the logo on my website when scrolling down, I've tried all css/javascript codes I could find around with no joy. If anyone has a workaround for that on 7.1 that would be much appreciated, password for the website is hello Thank you!
  3. Site URL: http://www.thesunflowerfarm.ca Hello, I'm trying to change the background color of the fixed header to white only when scrolling. Would like to keep it set to transparent but when I scroll it turns black and text is black instead of white. Would like to keep text black but change scrolling background to white. Using Version 7.1 - is this hidden somewhere in Design - Colors or custom CSS? Please help! Thanks!
  4. Site URL: https://matey.app Hello! I'm trying to move the top section up to the top of the screen instead of having it start under the header area. I only want this on the homepage. Here's a screenshot illustrating what I mean. Thanks in advance!
  5. Hi everybody. I'm working on a site with a dark homepage banner image that allows for the logo/nav/social to "float" in the header on top of it, and I can achieve this effect easily enough by setting the Header: Layout settings to "bottom". For the interior pages, however, the banner images are not able to accommodate the logo/nav/social so I would like to have that content contained in a visible header bar, with the banner image beneath. I've looked through the forums here and found things that are similar to what I'm looking for, but not quite. I tried to execute something from a forum that used both JS and CSS, but it was trying to accomplish slightly different things. It didn't seem to have any effect, and I'm sure I messed something up along the way. I'm using some custom coding on this site, but I don't have a lot of experience with it. Hoping there's a relatively simple solution or, failing that, a complex one that's relatively easy to replicate on this site. Thanks in advance for any insight you might be able to offer, Michael
  6. Site URL: http://www.rustandweave.com Hello Does anyone know how to hide the header and footer off a product page? I have removed it off index/normal pages but cant remove it off the product page, have tried everything! Please help!
  7. Site URL: https://mommytomom.com/ Hi everyone. I would like to enable Ajax loading on my site but it doesn't work with my social sharing buttons and code I use on a few pages. I am not very knowledgeable with coding so I wanted to ask here if there is anything I can do. Is there a code you can add that makes the page refresh each time? I disabled Ajax for now but can turn it back on to troubleshoot if needed. The social buttons I'm referring to are through Shareaholic, they only show up if you refresh the page. Thanks in advance for any help :) Code injection <!-- BEGIN SHAREAHOLIC CODE --> <link rel="preload" href="https://cdn.shareaholic.net/assets/pub/shareaholic.js" as="script" /> <meta name="shareaholic:site_id" content="73ca7139ab230a40546bce24cbe1c713" /> <script data-cfasync="false" async src="https://cdn.shareaholic.net/assets/pub/shareaholic.js"></script> <!-- END SHAREAHOLIC CODE --> The other code I'm referring to I only have on my secondary navigation pages that I want to look like landing pages. It removes the header and footer. https://mommytomom.com/want-to-work-from-home Pages settings, advanced <style> .Header, .Footer, .Mobile-bar, .Mobile-bar--top, .sqs-announcement-bar-custom-location{ display:none !important; } </style>
  8. Site URL: https://www.theduophotography.com Hello, Ive being trying to fix the transparency of my header but i cant find any solution. I want to add in the first section a gallery but then the headers transparency doesnt work. Im not so familiar with coding but ive tried some solutions ive read in the forum here but nothing works. Does anyone know what i can do? Thank you!
  9. Site URL: http://cephtactics-dental.com Hey guys, Please can someone help?? There seems to be this additional text above the header section on the website...does anyone know why and how to correct it? Screen shot attached. Thank you.
  10. Hi! I want my logo on the right side of my header and nav options on the left. I'm currently only given the option to have the logo on the right side or centered with various positions for navigation. I've checked to see what template I'm using and only see version 7.1 so I'm not sure if that is the issue or how I would be able to fix it. Please help!
  11. Site URL: https://iduma-demo.squarespace.com/ Hi, I'm currently using Iduma theme, and I want to add more element (button) to my header, but it's only showing one button option only. How can I add one more button to header?
  12. Site URL: https://www.thiscitymaps.com/ I have successfully added a header image to email via the post below. But it comes in huge. What code can I add to resize the image to be about half of the size?
  13. Site URL: http://gc5.squarespace.com#/en/news/webinar-emlogistics-in-motionemstrong-23-de-abril-de-2020strong%3C/a%3E%0A%3C/p%3E%0A%0A%3Cp%3E%0A%09I'm%20also%20attaching%20the%20site%20structure%20so%20it%20help%20understand%20everything.%0A%3C/p%3E%0A%0A%3Cp%3E%0A%09Thank%20you%20very%20much!%0A%3C/p%3E%0A%3Cp%3E%3Ca%20href=%22%3CfileStore.core_Attachment%3E/monthly_2020_06/374589062_ScreenShot2020-06-24at9_48_50AM.png.c3639146cbb6f72c24b0c361ae96897c.png%22%20class=%22ipsAttachLink%20ipsAttachLink_image%22%3E%3Cimg%20data-fileid=%2276410%22%20src=%22//forum.squarespace.com/applications/core/interface/js/spacer.png%22%20data-src=%22%3CfileStore.core_Attachment%3E/monthly_2020_06/1138295493_ScreenShot2020-06-24at9_48_50AM.thumb.png.58e88e0f45d35160fb47a712930d368d.png%22%20data-ratio=%22255.97%22%20width=%22293%22%20class=%22ipsImage%20ipsImage_thumbnailed%22%20alt=%22Screen%20Shot%202020-06-24%20at%209.48.50%20AM.png%22%3E Hi everyone: I'm using the following code to display different headers depending on the language of the page the user is. Pages in portuguese: <style> .header-nav-list>.header-nav-item:nth-child(odd) { display: none; } .header-menu-nav-folder-content>.header-menu-nav-item:nth-child(odd) { display: none; } .header-nav-item:nth-child(2) { position: absolute; left: 220px; top: 45%; width: 35px; background-image: url(https://static1.squarespace.com/static/5e67b3c9620bda7888c9d30f/t/5ede6e5005c57c3f0e700786/1591635536379/canada-flag.png); background-size: contain; background-repeat: no-repeat; } .header-nav-item:nth-child(2) a{ position: absolute; top: 0; left: 0; opacity:0; } .header-nav-item { padding: 15px 0; } .header-nav-item:nth-child(12) { background-color: #a61c00; padding: 15px 30px; } .header-nav-item:nth-child(12) a { color: #ffffff !important; } .header-nav-item:nth-child(12):hover { transform: scale(1.05) translateY(-3px); } .header-nav-item:nth-child(12):active { transform: scale(1) translateY(0); } .header-nav-folder-content { background-color: #a61c00!important; } .header-nav-folder-content a { color: #ffffff !important; } </style> Pages in English <style> .header-nav-list>.header-nav-item:nth-child(even) { display: none; } .header-menu-nav-folder-content>.header-menu-nav-item:nth-child(even) { display: none; } .header-nav-item:first-child { position: absolute; left: 250px; top: 45%; width: 35px; background-image: url(https://static1.squarespace.com/static/5e67b3c9620bda7888c9d30f/t/5ede6e4e4379cc4af534e1d1/1591635534665/brazil-flag.png); background-size: contain; background-repeat: no-repeat; } .header-nav-item:first-child a{ position: absolute; top: 0; left: 0; opacity:0; } .header-nav-item { padding: 15px 0; } .header-nav-item:nth-child(11) { background-color: #a61c00; padding: 15px 30px; } .header-nav-item:nth-child(11) a { color: #ffffff !important; } .header-nav-item:nth-child(11):hover { transform: scale(1.05) translateY(-3px); } .header-nav-item:nth-child(11):active { transform: scale(1) translateY(0); } .header-nav-folder-content { background-color: #a61c00!important; } .header-nav-folder-content a { color: #ffffff !important; } </style> These codes are applied with code blogs in each individual page. The following media query I added to the Custom CSS settings, so it applies to all pages on the mobile version, to fix the drop-down menu. @media screen and (max-width: 800px) { .header-menu-nav-folder:not([data-folder="root"]) .header-menu-nav-folder-content .header-menu-nav-item { display: block !important; } } My question is: How can I fix the individual blog posts so they display the correct header (same as the english pages). Now, none of this styles is applied on those pages. Example: https://gc5.squarespace.com/en/news/webinar-emlogistics-in-motionemstrong-23-de-abril-de-2020strong I'm also attaching the site structure so it help understand everything. Thank you very much!
  14. Site URL: https://www.aaronkurzpianist.com/ Hi everyone, I'd really love to make my site header cover more of the screen, width-wise, but I don't want to make the individual links any closer together. Is there any way to decrease the padding between the header and the site title/right edge of the screen? If that's unclear, I want the header links to stay centered and cover more of the page, horizontally, so that they don't wrap to the next line so quickly. Thank you 🙂
  15. Hello, I am in process of building my site and was curious if there is a CSS to change the color of the Bottom Header so that the Secondary Navigation does not overlap the first page/banner. I was given suggestions to move the location of the logo or secondary navigation so they are all on top in the white space but I would rather have the Secondary Navigation centered in the header and below the primary as is. Also, is there code to insert a line in the Header? I had hoped to have a line above the Secondary Navigation so it stands out a bit more as well. Thank you!
  16. I read that some templates on Squarespace don't support a Search bar/icon for the site's header. I wonder if this is true for Version 7.1 also, which has the same template to support all features. I want to add one search icon with a bar to the header of my site, preferably next to the social icons. But I don't see this option available in the header's settings. Can anyone help?
  17. Hi there, Pretty new to CSS. Can anyone help me with adding a background image to my header in version 7.1? I was thinking this would work but proving failure thus far. header{ background-image: url("URL-Link-in-custom-files.jpg") } Thanks
  18. I'm building on Brine, and I'm using fixed headers.I have no issue with how to make those work, nor with using either .site {padding-top: 90px;} or .index {padding-top: 90px;} , depending on what's needed. My issue is that when I have navigation (on index pages) that relies on anchors, like site.com/#about , my header covers my headline. I could insert a spacer, but then the site looks oddly spaced and lame. I can write links with an <a class="anchor" href:... and then use the stylesheets to create .anchor {padding-top: 90px;} The problem with this solution is that I want for my clients be able to make changes via the standard SS UI, after I hand it off to them. How do I make this work within the existing structure of Squarespace?
  19. Hi all, I want to have a different logo on my header ones you scroll down. This is the case; The background of my website is dark, but if you scroll down, a white header appears. But because the background of the logo changes from dark to white, the logo is not nice on one of these backgrounds. 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. Basically; If I scroll down I want to see the alternate logo on my header. [See attachment] [I don't know if this is relevant] But, I have created the white moving header by using custom CSS
  20. Does anyone know how to change the logo on the product detail page? I know how to change the logo for any other page, including the product page. But unfortunately, I need to do so also for the "product detail page". Thanks for any help!
  21. Site URL: https://www.baseng.com/new-products/askw I'm editing the product detail pages through custom CSS, and for some reason the sides of my header are being cut off on my 1920x1080 monitor. They're not cut off on my 1536x864 laptop though... This is the code I have in CSS. .view-item .Header-inner { background: #777777; width: 100%; } I'm not sure if something is making it impossible extend or what's happening. Does anyone know how to extend this header to fit all resolutions? Below are screenshots of the two screens. First has the cut off header and second has the full extended header.
  22. Site URL: http://www.oliomakes.com Hey! I'm wanting to add in a horizontal line directly under the header to separate it from the first section on each page. Anybody got any ideas? If so, can I trouble you for a follow-up question on how to have that line on only certain pages and not all of them? I've searched online, but only found an old code for Montauk that didn't work. I'm new to adding custom CSS so speak plainly 😁 Thanks!
  23. Site URL: https://www.enthian.com/ Hello, I'd like to change the color of the header to black so it matches with the background picture. But only in the home page. The other pages should remain white. is there any code to do this? site : www.enthian.com Thanks.
  24. Site URL: https://www.bottlerocketrecording.co.uk/ Hi @tuanphan, I've recently redesigned my site – transferring from Pacific to Brine (in favor of more editing options). It's not been the smoothest of transitions and I've had to dip into CSS to facilitate what I'd thought were some pretty basic requirements. Anyway I'm pretty much there now apart from some frustrating glitches on mobile view, as explained below. On mobile: The header at the top keeps mysteriously adding 8px + worth of padding to the top and bottom which is contributing to – if not wholly – causing it to obscure my section headings when using index scrolling from the hamburger menu. I've isolated the .mobile bar section and removed 8px with CSS but if you compare it to the desktop view there is clearly still more white space added around my branding box. Cosmetically – I'd obviously rather it were thinner but it's not that big a deal, but I do need it not to obscure my headings during scrolling, so it has to be fixed one way or another. On Mobile, BLOG PAGE: There is another mystery white space between the "Notes from the Studio" intro Banner and the nav/branding bar at the top. I've tried reducing padding to that area using CSS and site styles. In most cases just causes the "notes from the Studio" banner to be chopped into. I've also tried that banner image in a number of different shapes and sizes and always get the same issue. Furthermore there have been many occasions where I seem to have fixed it – I go to my mobile device immediately after editing and it displays perfectly as as it should. Then then on reloading the page – the white space jumps back – almost saying "WAIT, I'M STILL HERE!, pushing the banner down again. This has been incredibly frustrating, especially when resizing and adjusting the padding to the "notes from ..." image block. In the section editor, Squarespace will show that I've solved the problem – everything looks fine – and then I open it on my actual phone and the white space is either still there or I've chopped the top or bottom off my banner. My only conclusion is there must be some rogue code somewhere that's over-riding everything or even a ghost block that can't be deleted that is pushing things to flow around it. Hoping someone can shed some light! Thanks!
  25. I have been searching for an hour with no luck. I have 1 page on 7.1 that I want to hide the top header (logo, hamburger) but nothing I am finding works. I am adding the code to the single page header injection. Can someone post the code to properly achieve this? Many thanks!
×
×
  • Create New...