LeauxFi

i fiddled with that code a bit when I realized the social icons had also gone white. messy to double up the coding but it worked. I added this onto the bottom of yours to also make my social icons black. thanks tuan! body.header--menu-open header#header.shrink use { fill: black !important; stroke: black !important;} as for the issue in number 1, sure. its super weird. but easily repeatable on any phone. step 1: go to any page and open the menu step 2: open the team link/nav folder (everything still looks fine) step 3: tap on the menu to close it out INSTEAD of hitting back to close out the nav folder. my theory is when it slides over the menu to cover the screen, then you go 1 level deeper by going into the nav folder.... it slides back only one level when you choose to close it that way. theory might make no sense but its what i imagine lol

i have this EXACT problem and haven't been able to code my way out yet so I'll watch this thread. However, Paramount studios? I love that studio even though I've only been there once. I'll send you a message

this worked out perfectly, and i think i understand the code written here now which is awesome. But I've now discovered two issues because of it (my fault for sure) 1- Once you expand the folder in the menu to show the team members, and then close the menu compeltely, the text stays in place O_o and its just floating there like it didn't realize it should go away. And. 2- I have a color changing menu bar active. Its works as intended everywhere else EXCEPT in one case: When you scroll down on any page, the menu color inverts from white to black, and the font color & logo invert from black to white so they're still visible. The problem is, on mobile when you scroll down and hit menu, the word menu actually blends in now. Because the text has inverted to white, and is now on a white background. Is there a way to stop the inversion from happening ONLY when the menu opens on mobile? this is kinda confusing so I'll attach photos Top of the page view: Correct Scrolled down until the bar color changed and text inverted: correct Opened the menu after scrolling down: Wrong 😞

IDEALLY a "+" by the team dropdown, and a "<" by the Back button. Is that possible?

I mean when you scroll, the size of the menu changes slightly. On my website, I made it so it shrinks a bit and completely inverts from white background & black text, to black background & white text when you scroll. And targeting the header only on one specific page? That goes beyond my knowledge sorry. Maybe @tuanphan the genius knows?

I think it looks very good, only critique I have is the font choice for the large sized font. It just looks plain and lacks personality imo. And since the font is so large, it really pulls attention. Mainly "Crafting Compelling Customer Journeys" and "We Bridge Creativity And Performance To Captivate Audiences And Boost Your Business's Bottom Line." fonts. I think a different font choice will elevate the page that much more

First, your job is SO cool. Awesome site. Looks like your menu shrinks on every page on scroll. And the home page is the only page effected with color change on shrink. Did you use CSS to get that header/menu shrink? I did on my site, but the color change is intentional for me. I'm no expert at all, but it seems to me a custom code is the issue. And are you actively working on it now? As I was typing this, it went from changing to black, to changing to this slate gray color instead

indeed. but MORE like the example here: 1 - https://jakemitchellmiller.com/ -this is a perfect execution of what I wanted to achieve. Full screen splash that behaves like a normal parallax somehow. I believe this site was also created here on squarespace and was linked from another thread link from months past

believe it or not, i figured out a combination of code (thru terrible trial and error) to just hide the "<" and ">" completely on the mobile menu. although I would prefer to have a "+" sign instead for my dropdown. its www.thetenmg.com

I've put the codes you placed here into my mobile site and they work, but I find the arrows "<Back" and the dropdown menu i have ">" look super crazy. Are you still working on this one @tuanphan just wondering. I know you help everyone on here

it looks completely fixed now. how did you do it? it even works on mobile it seems

agreed. doesn't seem like this was ever fixed. The carousel is unusable for me, and though the grid looks better... it doesn't have any controls. I just want to make a carousel that is cleanly spaced like the grid. seems impossible

How do I get the main splash video to use parallax? In another thread @tuanphan gave this solution which worked for a section further down the page: But when I try to target my splash landing which is a video... it doesn't work at all. I know this is because apparently squarespace doesn't give a public facing url for the videos you upload. So I cant use the video url to replace the one in the code provided. I saw a suggestion saying to upload directly to the custom files area under CSS, but it can only take files under 20mb. The video exceeds that. Can anyone tell me how I would achieve parallax on the splash video? Do I need to finesse an unlisted youtube video and have it point there or something? site: www.thetenmg.com

Did anybody find an answer to this?

hmmmm. i found that you're absolutely right, i was missing a "}" on line 53. So it was pulling it from another place which I guess meant everything in between was wrapped in the mobile-only ruleset. I fixed it.... but it changed nothing 😢 so i ask this... do any errors occuring BELOW the code we've been talking about (lines 76-84) effect it? As in, could a broken media/mobile code below here be the culprit? EDIT: Found the culprit. The animation/javascript for that page was causing all the issues. It broke everything. I deleted it in its entirety and everything went back to working. I'm thinking the missing "}" was getting pulled from the broken animation script putting everything in between into mobile-only mode. once i fixed that...i can see a lot more things are broken but they're obvious. it'll be tedious, but its a RELIEF. I now know at least all the code didn't suddenly break, but instead the animation which I imported from outside broke. Go figure. This was the code responsible /*Loading Animation from Will-Myers.com*/ #wm-loading-animation{ position:fixed; z-index:9999; height:100vh; width:100vw; background:#ff0000; display:flex; justify-content:center; align-items:center; } .loading-graphic{ animation: pulse 0.6s ease-in-out 0.3s; } #wm-loading-animation.hide-animation{ visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity .5s linear; /*Hide this element after load*/ } @keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);} } /*End Loading Animation from Will-Myers.com*/ //FIX ME @media screen and (max-width:767px) { #REMOVEMEwm-loading-animation{ position:fixed; z-index:9999; height:100vh; width:100vw; background:#ff0000; display:flex; justify-content:center; align-items:center; } .loading-graphic{ animation: pulse 0.5s ease-in-out .2s; } #wm-loading-animation.hide-animation{ visibility: hidden; opacity: 0; transition: visibility 0s 1s, opacity 1s linear; /*Hide this element after load*/ } @keyframes pulse { 0% {transform: scale(1);} 50% {transform: scale(1.3);} 100% {transform: scale(1);} } /*End Loading Animation from Will-Myers.com*/