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
  • Squarespace Forum Club Guidelines's Topics

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 349 results

  1. shop.jonathan-gallagher.com pw: jonjonjon Template: Brine I'm trying to create a combination of Site-Title, Tagline & Social Icon. Line 1: Site Title Line 2: Social Icon + TagLine All aligned top left. I'm new to CSS, and have only suspicions about how to go about this. I've managed to get the layout I'm after, but without being able to get the social Icon and Tagline to be on the same line. I suspect this is to do with the flex styling, but I'm not really sure. I've "ordered" the Line 2 elements to be the same "order", but that hasn't helped, or I did it wrong. Perhaps there's another way. e.g? Header Injections, social icon is always followed by a certain text? the code I'm using so far: .ancillary-header-primary-nav-position-top-center.has-primary-nav [data-nc-base="header"] [data-nc-group="top"] [data-nc-container]:first-child { display: flex; flex-direction: column; align-items: flex-start; } .tweak-social-icons-style-regular .SocialLinks-link { margin: 0px; } [data-nc-base="header"] [data-nc-container="top-left"] [data-nc-element="tagline"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 6; -webkit-order: 6; order: 6; }
  2. I would like to eliminate the Text Block for “Header Content” that exists on every page under the banner image in the Five template. I am unable to simply delete it. Is there a code for this?
  3. Still using SquareSpace 5, Canopy template. Marginally familiar with CSS editing. I've read all the code, as well as the general formatting/style settings, and I just can't figure out how to remove the significant white space that is between the built-in thin blue stripe at the top, and the flower/scroll background pattern I've added in the general main header. Any suggestions appreciated. Graphic snippet included, and if you'd like to see whole site: http://www.zoeheimdal.com Thanks!
  4. Hello, I would like to code a custom font into the header of the mobile view of my website. I have done so successfully for the regular view but it defaults into standard font when i switch to mobile view. Any ideas? This is what I have for the desktop version and it works great: @font-face { font-family: 'retro_computer_personal_use'; src: url(https://static1.squarespace.com/static/5c253509f8370a48f3940027/t/5e16848141d1895d960adb21/1578534017904/retro_computer_personal_use.ttf), } .Header-branding { font-family: retro_computer_personal_use, sans-serif !important; }
  5. Hello. On my site, I have my header navigation background set to transparent on all of my pages, I have a blue background behind my headers so the navigation logo and nav items just overlay the blue background. For example, see here https://www.graphitefinancial.com/blog or https://www.graphitefinancial.com/ However, for my blog posts I cannot add a blue background behind the header with the theme I'm using. See here: https://www.graphitefinancial.com/blog/title-growth-at-all-cost-strategies-arent-working-for-startups-heres-what-is-and-always-has. So my logo doesn't show since it is white. Is there a way for me to set just the blog posts to have a specific background. I DO NOT WANT TO CHANGE THE HEADER NAV BACKGROUND COLOR ON ANY OTHER PAGE BUT A BLOG POST. Thanks :)
  6. Hello, I am trying to add a background image to the header on all pages of my website. Is there a custom CSS to do this? I am using the CROSBY theme. thanks, Tom
  7. Hello, Our client requires that their site has two logos in the header (different images), one in the top left, and the other in the top right. Is there any way, within Squarespace or through programming, that this could be done? Let me know if there's any more information that you all would need to provide a solution/suggestion.
  8. Hi 🙂I am using the template Hayden and I would like to hide the top header that appears on scroll. I still want it visibile when you land on the page, at the top of the page with the navigation menu, but I don't want it to appear sticky at the top when I scroll. Thanks for the help ! 🙂
  9. Hi there, I am wanting to eliminate the hyphenation when headers are seen on mobile - see attached images. Site: https://blenny-tuatara-4768.squarespace.com/ Password: ebony Any help appreciated, thank you. Lee-Anne
  10. Hi, I am using Wexley and I would like to have a full screen slideshow. I already found out, that the header can be put away like this: <style> #header { display: none; } </style> Unfortunately the button "x" also goes lost. Is there a way to add the "x" to the full screen gallery or only hide the Site Title and Navigation and keep the "x" in the header? Thanks in advance!
  11. 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
  12. Hello, I had an issue after turning developer mode and trying to modify site.region file using git. I added just one paragraph to check it's working. But now the primary navigation and cart are not rendered properly and these two sections (HEADER: PRIMARY NAVIGATION and HEADER:CART) are not displayed in the website styles. What could be the problem? P.S. I use Forster template.
  13. Hello, Does anyone know how to change the colour of the header when it is set to scroll back? The header at the moment... https://cone-crane-lzcy.squarespace.com/ (pw 'stephsbeauty') appears as black when you scroll back up but I would like to change the colour if possible. Thanks in advance. Kind Regards, Sophie
  14. For some reason the padding looks good on pages when you edit it. However, when you view the page it is pushed towards the top and not centred. See photos attached. Why would this be and how can I fix it? The section height is set to 15px, content width is large and content alignment is centred. I think it may have something to do with the header but I have tried changing the setting from fixed to normal and it hasn't changed.
  15. I'm trying to remove both the page title and the header overlay from an individual page. I'm using the Horizon template. I've tried several different variations I've found via this forum, but none are producing results. FYI - I also have the navigation hidden (in page header code injection) via: <style> #header { display: none } </style> FYI 2 - I've tried removing this code above while testing the other title and overlay suggestions..to no avail. Thanks everyone! Love from Alaska!
  16. Hi there- I'm using the Brine template with an Index and am working with the banner image at the top of my page. I'd like to have text over it, but within a button or with a background color so that it's easier to see. Anyone know how to do this? Thanks in advance.
  17. Hi all, I'm using the Wells template, and would like to have my blog title/headers center aligned, rather than left. There isn't an option to change this in Site Styles. Does anyone know what the css code would be for this? Cheers!
  18. Hi, I can't find a way to reduce the site header height using the Flatiron template and it's taking a big portion of my screen. Here is the link to my website: https://pauladimarco.art/. Thanks!
  19. Accessing my site on mobile I noticed when you swipe past the header and footer there is a color inconsistency depending on the page that I am on. My main color on every page is white. I'm using the template Ethan from the brine family. Any ideas to make this consistent on every page?
  20. Hello, Is there a way to add an image to the background of a header in 7.1 that not just setting color to "transparent"? Thank you! Jane
  21. I want to put a phone number, and a link above my top navigation. However I do not see any way to do this within the Hayden Template. Does anyone know how to do this with custom code? Here is a screenshot Of what I am trying to accomplish.
  22. hi, I want to create a bilingual website and have different language headers for the two sets of websites. The english pages only showing english header links chinese pages showing chinese headers links oootopia-testing.squarespace.com I just cant seem to find the right code for 7.1, could anybody help? and footer as well, thank you
  23. Hey, can anyone of you guys helped me with a transparent mobile bar? I just want to have the black bar transparent: Iam working with a Brine Template ( Cocoa ) Thank you so much 🙂
  24. Hi All, I am struggling with Parallax on mobile and I wanted to know if there is a line of code I can insert in the header code injection that will enable me to keep the effect on desktop versions of the site. Site in question : www.nicolebarton.co.ukSite Style: Bedford You can see on the mobile version I am getting bars appear on the top / bottom when viewed in the mobile format. I have copied my Parallax code below, which sits in Settings>Advanced>Code Injection <!-- Parallax --> <script src="https://cdnjs.cloudflare.com/ajax/libs/rellax/1.6.2/rellax.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { var targets = '.banner-thumbnail-wrapper #thumbnail img, .index-section #thumbnail img, .index-section:first-child .slide .thumb-image'; if (document.querySelector(targets)) { var rellax = new Rellax(targets, { speed: -3, center: true }); } }); </script> <!-- end Parallax --> Ideally this would be a few lines of code at the end that states if a page is 640px wide then it will disable this particular piece of code. Any help greatly appreciated!
  25. Hello! I've recently changed my site template to Tudor (Skye Family), and noticed that most of my blog pages don't have an H1 associated with them. For example, on this blog page: https://bitbloggist.com/video-game-blog-collection/top-10-switch-games-so-far The text "10 Best Switch Games Right Now" is automatically classified as an H2 instead of an H1. There's no way to change this in the style editor, so I believe I'll need some custom CSS to change this. Also, this change only needs to apply to individual blog posts, as I don't want my home page to have multiple H1's listed. Thanks in advance!
×
×
  • Create New...