CarolStatella

@CarolStatella Hi Carol, thank you so much that worked - I just need to find a way to make it a fuller screen now - which is in the edit of the video I am guessing! Much appreciated.

Hi Sandra!
(My design page is in Pacific :) Apologies if this is not on-target!
After removing the slideshow, hover at the left top of window, then Banner-->Video, and paste in the URL. 
7.0 memories are hazy, so others might have a more helpful/applicable solution. 
~ Carol 
 
 

With button, try use this code to Website > Website Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ setTimeout(function(){ $(".sqs-block-button-container").removeClass("preFlex flexIn"); }, 3000); }); </script> <style> @media screen and (max-width:991px) { div.button-block a:before { display: none !important; } } </style> I wrote this for a site yesterday, but I don't have an iPhone to test the code.

Here's an example @mbockmaster @bradgood
RPReplay_Final1713238983.mov

Hi @mbockmaster - thank you for the CSS.

Is it possible to check how I'd need to configure the CSS for this to work on text links within the projects pages? The project page bottom navigation between projects and any text links on the page all seem to require 2 clicks after page load to start working. Thank you for any help!

This is a JavaScript/jQuery solution, and site-wide animations can remain enabled. Timeout is optional but will allow the animation to be visible before the page redirects.
<script>
    $('.sqs-html-block a').on('touchstart', function () {
      var href = $(this).attr('href');
      setTimeout(function(){
        window.location.href = href;
      }, 100);
    });
</script>

Greetings and thanks... not yet! 
Support said it's an occasional issue and they're working on it. In the meantime, heading links work fine first tap on mobile; it's just text links and buttons that require two taps when first opening the site. 

This is such a wonderful, comprehensive guide. Thank you! Squarespace naturally lends itself to gorgeous designs for musical artists. It’s a straightforward process to create with a minimum of technical distraction. 
 
My musician clients and I are currently grappling with the necessity of double tapping to open mobile links on Safari iOS when animations are turned on (have contacted Support several times!), and am looking forward to that issue being resolved. 

Hi @CarolStatella, yes, you'll add it to the custom CSS area! You'll need to update the class to apply it to each element with a hover state.

You try this
https://forum.squarespace.com/topic/259523-mobile-buttons-and-links-require-2-taps-to-work/?do=findComment&comment=737991

Hi, I have the same issue. It isn't acceptable for client sites.
How can turning off something that gives the website some movement be an adequate solution. I can't understand how this isn't an immediate priority. It's like a lot of people complain about it but they won't acknowledge how bad an issue it is or if it even exists.
I know they've said they've sent to dev but it's still happening. I'd say a lot of sites would lose traffic because users would just get annoyed. 
Some links like top nav never seem to do it, but then other places around the site don't work on first click on mobile. I'm using iphone 12 promax with latest OS and chrome browser.
Did you manage to work out any code to fix it? That would be a life saver because I've got angry clients....like platform deal breaker issue.

This is such a wonderful, comprehensive guide. Thank you! Squarespace naturally lends itself to gorgeous designs for musical artists. It’s a straightforward process to create with a minimum of technical distraction. 
 
My musician clients and I are currently grappling with the necessity of double tapping to open mobile links on Safari iOS when animations are turned on (have contacted Support several times!), and am looking forward to that issue being resolved. 

On 2nd support try, Squarespace was able to replicate the issue, and escalated it to engineering & design. 

My client is not ready to make this site public yet, so I'm sorry I can't provide a link. 
On mobile, a text link (going to the contact page) works fine on the computer; however, on both my iPhone 14 Pro Max and my client's iPhone 8 (!!), the link requires a double tap to go to the destination the first time the site is opened. 
Then, the browser... or something... seems to "learn" the destination, and it's fine. Happened on both Safari and Duck mobile browsers. 
Support was not able to replicate this issue; I'm at a loss. No problem with requiring a double tap on footer links. Sooooo, as recommended, I am working through "Troubleshooting browser issues," but what are the chances of this happening on both phones?
Re-created the link several times, the same issue. I know I can make a button and be done with it, but this is exceedingly strange—never encountered in my six-year building history. 
The footer links work fine! Support says that this is a phone/browser issue and outside their scope. 
Edited to add: This also happens with the button on mobile! Requires two taps.

Why does it take 2 taps on a mobile device for any button or link to work? This has been a weird issue for a couple years now. Using an iphone15 browsing on safari, google and chrome apps.
https://www.coorlasarch.com/

What do David Bowie, Alanis Morissette, Sia, and Xavier White have in common? They all rock their online presence using Squarespace, and you can too! This post will help you create a website as awesome as the unique sounds you share with your fans.
You’ll learn about Squarespace features that you can use to share your music, info about your next gig and even manage new merch without having to juggle the inventory yourself.
Your Online Stage Presence: Essential Pages for Your Musician Website
Your Squarespace website can help you connect with fans, showcase your music, and tell the world what you're all about. Here are the essential pages to get you started and rocking online:
Home Page: Your Spotlight Moment
The Home Page is your website's first impression, so make it count! Here's what to include:
A killer hero image: This could be a high-quality photo of you performing, your album cover, or anything that captures your vibe. You can also feature a background video, adding some eye-catching motion to your home page. A captivating bio: In a few short sentences, tell the world who you are, what kind of music you make, and why they should be listening. Keep it interesting but easy to understand, like you're having a conversation with a friend. Links to your music: Make it easy for fans to find your music. Embed your music player directly on the homepage, or link to your profiles on streaming platforms like Spotify or Apple Music. Pro Tip: Don't forget a clear "Call to Action" (CTA) on your homepage. This tells fans what you want them to do next, like subscribing to your mailing list to be notified of your next event, buying your latest album with a product block, or checking out your tour dates with a link to your event page.
About Page: Sharing Your Story
The About Page is your chance to connect with fans on a deeper level. Here, you can:
Tell your story: How did you get started with music? What inspires you? Tell the story behind your sound, your album art, or even your creative artist name. Introduce your band members (or you, if you’re a solo artist!): Let fans get to know the people behind the music. Include fun facts and anecdotes to help people connect with you on a personal level. Share photos and videos: Show fans behind-the-scenes glimpses, performance photos, or anything that gives them a taste of your personality. Pro Tip: Encourage your community to contribute! Feature Instagram posts where fans have tagged you and link to your social profiles so they can follow you there, too.
Music Page: Where Your Music Shines
This is the heart of your website, where fans come to experience your music. Here's how to make it awesome:
Showcase your music: You have a few different options here: You can upload your audio files directly to Squarespace. This is great if you're selling your music directly through your website. You can upload a sample of the audio file and then add a link to the physical or digital product. Embed music from streaming platforms like SoundCloud. This is a good option if you already have a presence on those platforms. Make it easy for fans to listen, purchase, or pre-order your music: Link to your music stores (iTunes, Bandcamp, etc.) or offer downloads directly on your website (through Squarespace's built-in e-commerce features). Tour Dates Page: Promote Your Next Event
This page is essential to let fans know where they can see you live! You’ll find a few creative ways to do this using Squarespace. You can Use an event page type to page to display info about upcoming events, and past events, too. For each event, make sure you include the cities, and venues, with a link to ticket sales for each individual show.
You can also link directly to Bandsintown. Squarespace lets you integrate Bandsintown blocks that seamlessly blend with your website's design. These blocks display your tour dates, festivals, or even live-stream shows directly from your Bandsintown profile.
Here's the coolest part: Visitors can RSVP to concerts, buy tickets, join live-stream shows, and get notified about future gigs, all through links embedded right in the block. It's a one-stop shop for your fans to stay connected and rock out with you live, and it can be embedded directly into the Squarespace website you’ve created.
A quick side note about using Bandsintown with Squarespace: You'll need to set the dates, text, and buttons you want to appear by heading over to your Bandsintown account. Learn more about the Bandsintown blocks.
Contact Page: Stay Connected with Your Fans
Consider creating a page to help your fans stay connected to you: 
Add a newsletter block to collect email addresses from your fans! You'll be able to use Squarespace Campaigns to send them updates about new music, tour dates, and exclusive content. Add your social media links. Make sure fans can find you on all the major platforms like Instagram, YouTube, and any other place you regularly post your creative content. Additional Features to Supercharge Your Musician Website
Rocking the essential pages is a great start, but there's always room to crank your website up to eleven! Here are some bonus features to consider, transforming your website from a stage to a full-fledged fan zone:
Let Your Inner Poet Speak with A Blog
Ever wanted to share your thoughts, stories, and creative process with the world? A blog is your platform! You can:
Write about your musical journey: Share your experiences, songwriting inspirations, or even gear reviews. Post behind-the-scenes content: Give fans exclusive access to recording sessions, music video shoots, or tour shenanigans. (Just keep it PG-rated, alright?) Connect with fans on a deeper level: Show your personality, humor, and what makes you tick. Gear Up Your Fans with Merch
Let your fans wear their fandom loud and proud with a killer merch store! Selling your own merchandise is a fantastic way to generate some extra income to support your music career. Squarespace allows you to sell both physical and digital merch.
You can offer downloadable content like exclusive song demos, ringtones, or high-resolution wallpapers. Squarespace has built-in e-commerce features that will deliver these digital products to you.
You can also use Squarespace to sell physical merch. T-shirts, hoodies, hats, posters – the sky's the limit! Design your own merch or partner with a printing company, like Printful. Printful makes it easier than ever because they integrate directly with Squarespace! You can upload your own images, like your band's logo or your latest album artwork, and Printful handles the rest.
Yup, they print, they ship, and there is no minimum order amount and no more inventory to keep track of; Printful does it all for you. Learn more about Custom Merch.
Building Your Fan Base with Mailing Lists
Your website visitors are awesome, but a mailing list lets you build a dedicated fan base. With a mailing list, you can:
Stay connected with fans: Send out updates about new music, tour dates, or exclusive content. Offer special promotions: Give your email subscribers exclusive discounts on merch or early access to new releases. Build anticipation: Tease upcoming projects or share behind-the-scenes sneak peeks to keep fans engaged. Pro tip: add a newsletter block to the footer of your website so it’s visible on every page. When people sign up, you can send them an auto email, welcoming them to your email list, and notify them of events, offers, and more using Squarespace campaigns.
Get To Know Your Audience with Analytics
Understanding your audience can help you create new content that truly connects with them. Squarespace has built-in analytics that give you valuable insights into your website traffic. You can see:
How many people are visiting your website: Track your website's growth and see how effective your promotional efforts are. Where your visitors come from: This helps you understand your audience demographics and tailor your content accordingly. What pages are most popular: See which content resonates most with your fans and focus on creating more of what they love. Recap: How To Rock the Web with Your Own Musician Website
There you have it, music makers! With a website built on Squarespace, you'll have everything you need to create a killer online presence that showcases your talent, connects with fans, and takes
Here is a quick list-style recap to help you get started:
Decide how to share your music. Upload an audio track or embed content from another program like Spotify. Build an email list. Use Squarespace newsletter blocks on specific pages, and in your website footer, so you can send people an email with important updates, like new merch and upcoming shows. Create a homepage with an image or video that captures your vibe. Use this page to introduce your music, and yourself! Start with an eye catching banner suing a high quality image. Consider introducing motion to your site with a video background or a GIF in an image block. Add a simple bio that links to your about page and promote your email list, latest live show, or new music & merch. Make this about you. Your fans are here to connect with you, so dedicate an entire page to be about your musical journey. Promote your upcoming events. Use an events page or the bandsintown integration to tell your fans where you will be playing next. Remember to provide a link so they can buy tickets online! Make money with merch. Upload your logo & creative art to Printify so your fans can support your music, and you don’t have to add “manage inventory” to your to do list. Learn about what your fans love. Use analytics to find out the most popular pages on your site, like products, tour dates, and tracks. Looking for a template to start with? Check out these:
🚍 Going on tour? Start with Cruz: cruz-fluid-demo.squarespace.com
💿 Releasing a new album? Try Kitui: kitui-fluid-demo.squarespace.com
🛍️ Marketing new merch? Give Vandam a go: vandam-fluid-demo.squarespace.com
🎧 Ready to share your most popular tracks? Try Tryp: golivehq.co/tryp-squarespace-template
Did you find this article helpful? Comment below and follow me here on the Squarespace Forum because i’ve got even more to share! Next up: restaurants, photographers, authors, and individual service providers.

Try this code to Website > Website Tools > Code Injection > Footer
<script> window.addEventListener("load", function(){ Y.UA.ios = 0; }) </script>  

Hello all! We wanted to take a moment to let you all know that a fix for this issue has been rolled out, and it seems to have done the trick. 
If you're still experiencing this issue, please reach out to our Customer Support team to report it:
https://support.squarespace.com/hc/en-us/requests/new#choose-topic
Thank you all for your patience as our team worked to triage this. 

Thank you for the update on this @Parker_SQSP, looking forward to a resolution soon!

Still an issue on ios 17.4.1 to have videos as background or in the squarespace player and hosted with squarespace on all browsers. Works fine pre 17.4 ios. Only work around is to host on the likes of Vimeo and embed the link. But that will impact site performance..: Strange that after 10+ days this important issue has not been resolved as soon most users will be impacted by this issue 

Hello everyone! We appreciate you all taking the time to flag this. We can confirm what @andtechgroupcom shared— our engineers are aware of the issue with our video playback on the newest versions of iOS (17.4+), and we wanted to provide some more details. There are other HLS video streams which work with those versions of iOS, however, some other HLS video streams from other video hosts are seeing similar issues. 
Our Engineering team is working to identify what is specific to our player (and other affected third party players) that could contribute to this issue from the most recent iOS release. Our fix will be forthcoming from what we find out. 
We know this is not ideal for those who use video on their sites. This is all the information we have available at the moment. We will reply in this thread once a fix has been rolled out. To receive notifications on updates to this post, click the Follow button in the top right corner of the post. 

Hi, 

It has to do with animation. If you turn of the animation the buttons work fine on mobile. I am in contact with Squarespace support but have not received any time frame on when this can be fixed. 

Upon first arriving to my site on any mobile browsing app the buttons with links require 2 taps to activate a page jump. It looks like the button will highlight upon the first tap and then activate upon a second tap. Unresponsive buttons are very disruptive to our visitors mobile experience. Is there anything causing this issue? There are no overlapping text or content boxes atop the buttons in edit mode. Thanks for your input. 

Replying here as I also have this problem where a user has to click twice on mobile.
How many conversions have we lost because of this bug??
How do you turn off animations for the buttons?

Hi! 

I am having problems with all buttons and links on mobile. One has to double-click for them to respond. Works just fine on desktop. Can it have to to do with hover effect? Any fixes? 

Thanks!