vincentlefre

Hi, just wanted to add my voice to this. I'd also really like a solution for language switching that doesn't use a drop down menu. For only two languages it doesn't make sense from a UX point of view. It's also confusing having the title of the menu as the current language, it doesn't immediately indicate to a user that its a menu and you can select another language. Two simple buttons side by side with the language code (i.e. EN, ES, DE etc) would be so much clearer and more elegant. @Eugene_Weglot Any help to implement this on my site would be much appreciated.

Same issues here. Is there a way to upload a custom sitemap to my squarespace site and bypass all of this nonsense?

@MayaViolet Nope, never had a reasonable solution to this. Currently I'm using Classic Editor sections to achieve what I want. Not ideal.

Thanks @tuanphan Sure, it's www.adrisenergy.com Note that most of the sections are using classic sections not fluid editor. I have added a fluid editor section to the bottom of the page.

Same issue here. Fixed with custom CSS. But man it's crazy that this formula is wrong. What a nightmare to have to write custom code for every instance this occurs. It pains me to think of all the websites that behave incorrectly because of this. How can we report this as a bug to Squarespace?

Still no response to this issue? It affectively renders fluid engine worthless if you want to achieve the (very common) full window design outlined in my original post. If there's no solution that I've missed then this really needs addressing by Squarespace. I can't be the only one?

Hi, I currently have a header that disappears on scroll down and reappears on scroll up. It's working really well using the code below. However I would also like the header to reappear when the user moves the cursor near to the top of the viewport. Can this be done with javascript? site: https://adrisenergy.squarespace.com/ password: 1234 Any help greatly appreciated // Hide Header on on scroll down var didScroll; var lastScrollTop = 0; var delta = 5; var navbarHeight = $('header').outerHeight(); $(window).scroll(function(event){ didScroll = true; }); setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 50); function hasScrolled() { var st = $(this).scrollTop(); // Make sure they scroll more than delta if(Math.abs(lastScrollTop - st) <= delta) return; // If they scrolled down and are past the navbar, add class .nav-up. // This is necessary so you never see what is "behind" the navbar. if (st > lastScrollTop && st > navbarHeight){ // Scroll Down $('header').removeClass('nav-down').addClass('nav-up'); } else { // Scroll Up if(st + $(window).height() < $(document).height()) { $('header').removeClass('nav-up').addClass('nav-down'); } } lastScrollTop = st; }

@tuanphan https://adrisenergy.squarespace.com/ password: 1234 I've actually noticed another problem with this solution on all platforms - If a link in the mobile menu takes you to a page-anchor within the same page you're on then the scroll functionality remains disabled. Is there a more robust solution to this problem?

@tuanphan Your solution works well on Chrome and Firefox but does not function properly on Safari. Any ideas how to fix that?

Hi, I'm trying to create a site with page sections that are the full height of the viewport (and that flex with window size). This was quite achievable in 7.0, and also in 7.1 pre-Fluid Engine update. Now it seems there's no options at all for having full viewport height sections that flex, unless I'm missing something. In the classic page section editor in 7.1 setting the section height to 100 would give you a 100vh section that adjusts to viewport size. Doing that in a Fluid Engine section does not yield the same result. Any ideas or help on achieving this would be greatly appreciated.

@tuanphan This works well, thank you very much

Sure - https://adrisenergy.squarespace.com/ Password - 1234

Hey all, So I have added an underline to the active nav bar item using the follow code - .Header-nav-item--active { border-bottom: 1.5px solid #a96628; } The result is almost right, however the line overshoots the text slightly. This seems to be because the text has some kind of padding to the right and so the underline extends all the way to there ( see images below). Any ideas how I might eliminate this so that the underline is exactly the same width as the text? (This is using a Brine template in 7.0) Thanks in advance!

+1 I can't get the transparent footer to work on 7.0 brine template.

This is working really nicely, thank you so much for sharing. What would be the steps to replace the cursor shape with a custom shape?

Also having the same issue. I upload a .png with transparency as a background image and the transparency is filled in grey with no way to change it. Any ideas?