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

  1. 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!
  2. Site URL: https://amal-testsite.squarespace.com Hi all In Squarespace 7.1, there is already build in options to choice both “fixed position” and “transparent” in EDIT SITE HEADER. BUT, it doesn’t work. When header is fixed, then transparency doesn’t work. Instead Is has default or choosen background color. so how do I set or code to get transparent header/navigation menu when it’s also fixed? test site: https://amal-testsite.squarespace.com password is: abcabc
  3. Site URL: https://www.tonetension.com/ tonetension.com password: erikwiss How do I put this logo (uploaded to the css custom files): https://static1.squarespace.com/static/5d85d4c22d59120f5fe31180/t/5e36955d9995006209f21812/1580635485836/Tone+Tension+Bold+white.jpg Onto this specific page: https://www.tonetension.com/full-client-list ? I've tried a few different scripts circulating on the forum, with no success so far. Thanks!!
  4. Can anyone help me I would like the site header to be black on the product item page (picture of the wheels) and the page background to be white, but I cant seem to figure it out 😞. I can either make both of them white or both black -_- its on Squarespace 7.1 The rest of the site I have managed to make the header black.
  5. Hi, I'm wondering if anyone can help me with some code. I have several slightly different iterations of my company logo and I'd like them to switch randomly on each page refresh. Any help is greatly appreciated.
  6. Site URL: http://www.mvcchurch.org I'm interested in adding an infinite width header to my site in the Avenue Template. It doesn't look like there an out of the box way to do this, but is there a way to code it that is consistent with the height of the current header and menus? website is www.mvcchurch.org Thanks!
  7. Hi there, I'm using Wells template and it works great. I'm just wondering if it's possible to add an header in the product page. I can't find a solution. Anyone can help me? Thank you!!
  8. Site URL: https://besquared-probike.squarespace.com/ Am I blind? I cant seem to find how to change the colour of the header on the product pages. I want the site header to black but the background to be white 🤞 I have done it for rest of the site by following this But I cant find how to change a section colour for the product page without making the background black too. The sites password is: besquared
  9. I've made the header fixed using below code but the header is not on the top of the page. When I scroll down I can see a little bit of the content showing through small gap at the top of the page (screenshot attached). How can I move the header to the top of the page please? .Header { position: fixed!important; z-index: 1000; width: 100%; } https://rhombus-paddlefish-39ss.squarespace.com/ Cheers
  10. Hi there, I'm trying to remove the space above the logo in the header - so essentially it touches the top of the screen at all times (screenshot attached of what it is currently) Is this possible? Thanks!
  11. Hi, I've used this CSS to create a fixed header with a black background: #header { position:fixed; z-index: 1; background-color: black; padding-top: 40px; width: 100%; padding-bottom: 40px; } The head fixes great but it drops by some 40 pixels so the content beneath appears above it... what am I doing wrong? I need to push the header back to the top of the page! Thanks.C
  12. Site URL: https://authenticlifechurch.com/ Question. I had a fixed on scroll header, but when I added the announcement bar it got messed up. As you scrolled a gap remained above my header where the announcement bar was. If you clicked out of the announcement bar it popped back up to the top but I'm not confident people are going to know they have to do that. Is there anyway that as you scroll the header could cover up the announcement bar and then stay fixed? I took my fixed header code out so I could have the announcement bar but this is what I had in the custom CSS: .Header { position: fixed!important; z-index: 1000; width: 100%; } @media screen and (min-width: 641px) { .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main { padding-top: 81px; } .Intro + .Main { padding-top: 0px; } }
  13. Site URL: http://lollipopup.co.uk Hi guys I am trying to remove the header at www.wearelollipop.co.uk but with no luck. I am sure it is a simple code. Can anyone help please? I want to the (on both mobile and desktop) 1- The navigation 2. The basket 3. Sign in button 4. Keep the logo Basically remove everything on the top ONLY ON LANDINg page but keep the logo Is that possible? Any help would be appreciated. Thanks Seb
  14. I'd like to use the option of the header which stacks the logo on top and nav links underneath. But my nav titles are a bit long and there are a few of them so I want widen the container so it's doesn't stack them too. Just to have on one line.. Does anyone know how to do this?
  15. Site URL: https://bronze-mackerel-t9gc.squarespace.com/ I've built a dozen websites on Squarespace and am building my first one with the new style of templates. I currently am using one called Almar. I'm trying to create a slideshow banner (multiple images with arrows) with text and a button over the image. According to Squarespace this template and the current gallery settings do not support that. Based on the settings, slideshows do not allow text on top of them and the image will not work with the navigation (bleeding into the navigation area). Basically a slideshow sits below the navigation, and allows no text on it. Looks like I will need some custom code. Any ideas or help? Thanks! -Ryan
  16. I'd like to use the option of the header which stacks the logo on top and nav links underneath. But my nav titles are a bit long and there are a few of them so I want widen the container so it's doesn't stack them too. Just to have on one line.. Does anyone know how to do this?
  17. Hi! When I scroll down on my website, my header and navigation bar go away, which is annoying because I don’t want visitors to have to scroll all the way up to go to a different section of the website. I’d like my content to flow underneath a static header and navigation bar. I'm using Matsuya from 7.1. Any suggestions would be appreciated !
  18. Hi there, I have seen variations of this question asked but none of the suggested solutions have worked. I'd like to stop the header from reappearing on scroll-up, and only have it reappear once the user reaches the very top of the page, is its possible to achieve this just using CSS? Many thanks, Rory.
  19. Site URL: http://www.dtr.media Hello, I was wondering if it is possible to make the header on the Brine template partially transparent? Right now I can either make it fully transparent or solid, but there is not an opacity adjustment otherwise. I wanted to know if it was possible to do through customization. Thanks for any help
  20. Site URL: https://badische-rheingas.de Dear community! I've designed a new page for my client under https://badische-rheingas.de. I am using the BRINE template. I am very grateful for general site feedback! Including but not limited to: Feedback/suggestions on header stlye and hierarchy (lot of content!) How do I avoid the thin grey line between header and body of the site?? Should I reduce photography on my site, is it too cluttered Any ideas on the mobile view? Any ideas how to reduce the javascript size (testing shows it makes the site slow, besides some still too large images...) AOB All (positive or negative) feedback by you is highly valued! Thanks very much in advance! Marco
  21. Site URL: https://grape-fiddle-5tas.squarespace.com/ Hi – I've been working on a site for a client and would love help on how to: 1) Make the header links a little bigger 2) Make there be overall less vertical padding between the different text blocks throughout. (It's just all so spread-out feeling.) Any suggestions would be greatly appreciated.
  22. Site URL: https://sphere-mushroom-9dce.squarespace.com/config/design/custom-css Hi, I'd like to increase the size of my logo while keeping the header height a regular/normal size. The logo is one that needs to be large in order for it to be readable but I don't want my header to then be really tall. I'd like the header to look similar to the one below
  23. Site URL: https://magenta-deer-7f8y.squarespace.com/films/behindcloseddoors Hey! I'd like to reduce the height of the header, or the bottom margin I think? I'll attach an image below. There's currently much more spacing than i'd like, and as a result a lot of unused space. Any ideas? Site pass: 1234
  24. Site URL: https://www.ashleyolafssonphotography.com/weddings Hello! I am wrapping up a website for a client using a SquareMuse template they purchased. The navigation appears transparent when overlaid on banner images which are on most pages. However, I'd like to change this for pages that do not have a banner image up top. I tried an invert code, and dislike the appearance of the logo inverted. I also tried adding a background color to select pages, with no luck. Now I am thinking the best option will be to change the logo on select pages on the website, but none of the codes I am using are working properly. Attached is a screenshot of the appearance, and the URL is ashleyolafssonphotography.com/weddings The code I was using is inputted onto the page header code injection. <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/5c191a80e17ba380e696a460/t/5e73cfd0dd15137f7535f0fa/1584648149782/AshleyO-Primary-Brown-01.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } </style> I have tried various other codes I've found online and through tutorials, but no luck. I am wondering if there is something in the Custom CSS from the template that is conflicting with this? It is inverting the text but I removed the line that inverts the logo. This is the only thing holding us back from launching, so hoping to find a good solution. Thank you in advanced!
  25. On a pingdom.com check of a Squarespace site I'm noting they're grading 'C' for 'Expires Headers' - is there anything we can do with custom code injection to help raise the speed score?
×
×
  • Create New...