LV-OZ

Thank you I solved this problem by adding a link as a first item to the folder in the navigation, and then hiding it on desktop only, using this code: // DESKTOP - Navigation - remove first nav link in folder on desktop// .header-nav-folder-item.header-nav-folder-item--external { display: none; } .site-wrapper .header-menu .header-menu-nav a:not(.btn) { color: #fff !important; }

Or perhaps there is a different code all together that will work for Mobile navigation?

Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision Hi I use the technique below to to link a Folder Navigation Title To a Specific Page. This works perfectly on desktop and tablet, but does not work on mobile. Any tips on getting it to work in the Mobile navigation? https://squarecamp.com/custom-code-tips/how-to-link-folder-navigation-title-to-a-specific-page-on-squarespace-71 It's on the OUR WORK section. https://hypersphere-parsnip-zhhw.squarespace.com/vision pw: peekaboo Thank you!

You're the best! Thanks Tuan!

Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision Hi I am trying to make 1 image darker with an overlay and I can't seem to get the code right: #block-3e8390006077bf2ae14b .sqs-block-image { filter: brightness (.5) !important; } I'm trying to target the middle image with the flowers. Any help appreciated! https://hypersphere-parsnip-zhhw.squarespace.com/vision pw: peekaboo Thank you!

I do have the video, but it is not black inside the video itself. Perhaps the aspect ratio does not work in the mobile configuration!?

Sorry, just saw this: <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/fDb1cqyi44w?playlist=fDb1cqyi44w&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe> But, also the black bands still appear on the video! dutjahn.com/fragrance thank you - sorry for the delay.

The only other issue is that is does not autoplay for some reason in mobile. Is there a way around that?

Thank you so much - it worked well. Is there any way to adjust the height of this block so that that there is no black bands top and bottom of the video? Ie. so it's the same height of the actual video. Your help is so appreciated!

thank you. I have duplicated the page - as the other one is live. The other coding is not applied to this page, so it looks a little wonky, but all you need to focus on is the embedded code for the video. Much appreciated! Website: https://lobster-ray-g42d.squarespace.com/fragrance-2

No, I'm afraid not. I just hid the embedded code on mobile and inserted a regular video block for mobile only. I would still love to see if there is a work around for this. The problem still remains that the embedded code I used does not auto play or loop on mobile, nor is it smaller or centred on screen.

Hi - I have a similar problem. I used this code to embed a video on my website using and EMBED block: <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/fDb1cqyi44w?playlist=fDb1cqyi44w&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe> and this to try and fix it being too large in MOBILE, but it does not work: @media screen and (max-width:640px) { #block-yui_3_17_2_1_1655703720249_4133 { width: 20% !important; margin: auto; } } So it looks like this in mobile: Can anyone please help fixing this issue? Thanks so much! Website: https://lobster-ray-g42d.squarespace.com/fragrance

Site URL: https://lobster-ray-g42d.squarespace.com/fragrance Hello I am using the code below to animate some text (in a code block) to fade out over a time period. I then want: for the text to remain hidden once it had faded away until the end of the video (41s long) for it to loop back to the beginning again when the video starts again, and fade in and then fade back out, in continuum. Is there a way to build that into the coding? Thank you! Louisa #block-yui_3_17_2_1_1655285596647_6593 {.fade-out { animation: fadeOut ease 35s; -webkit-animation: fadeOut ease 35s; -moz-animation: fadeOut ease 35s; -o-animation: fadeOut ease 35s; -ms-animation: fadeOut ease 35s; letter-spacing: 2px; font-family: 'BreweryProMedium' !important; font-size: 24px !important; text-align: center; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }