Wolfsilon

Try this code:
 
section[data-section-id="615dc3a559f87607cdbd5ede"], section[data-section-id="615dbc213cf61c03804eff48"] { @media only screen and (max-width: 640px) { .sqs-row { display: flex !important; flex-direction: column-reverse !important; } } }  

That whole page is decked out to the max with customization's. I get it, it needs to not look like their base templates and I see a lot of features on those pages first and then drip-feed down to base templates/stock features. But yeah, that "sticky-parallax" effect is not a stock feature -- At least I don't think it is, which is too bad because if I could create websites that look halfway like their own pages, I'd have way more work 🙂

Try this code:
 
section[data-section-id="615dc3a559f87607cdbd5ede"], section[data-section-id="615dbc213cf61c03804eff48"] { @media only screen and (max-width: 640px) { .sqs-row { display: flex !important; flex-direction: column-reverse !important; } } }  

Thank you so much mate! I will do that.

Amazing - thankyou very much for your help

Hello there,
To add an animated arrow down element, we'll need to use a Code Block and Custom CSS.
1) Create a Code Block and place the block directly underneath the "Get A Quote" button.
2) In the Code Block menu, you'll see "<p> hello world! </p>" -- Remove the entire line and replace it with the following: 
<div class="arrow"> <span></span> </div> 3) You can now save and close the page editor. Return to "Home" and navigate to Design > Custom CSS.
4) To animate and place the element onto your website you can paste the following into the Custom CSS box:
 .arrow{     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%,-50%); } .arrow span{     display: block;     width: 30px;     height: 30px;     border-bottom: 3px solid #000;     border-right: 3px solid #000;     transform: rotate(45deg);     margin: -10px;     animation: animate 1.8s ease infinite; } @keyframes animate {     0%{         opacity: 0;         transform: rotate(45deg) translate(-20px,-20px);     }     50%{         opacity: 1;     }     100%{         opacity: 0;         transform: rotate(45deg) translate(20px,20px);     } } 5) You should start to see the arrow animate downward in the center of the page, directly under the "Get A Quote" button. 
You can customize the "stroke" of the arrow by adjusting the dimensions of the Border-Bottom and Border-Right "px" properties.
You can adjust the color of the arrow ("stroke") by inserting a hex/rgb/rgba color of your choice. Simply replace the "#000" with the color/format of your choice for both Border-Bottom and Border-Right.
You can adjust the speed of the downwards animation by entering new timings and transitions. The CSS format of the animation shown above is listed below and I would encourage you to experiment with different properties for transition-duration and timing-function. 
 
Let me know if you need any additional help. Hope this provided a solution for you! 
Cheers,
Dan

You'll want to start by tracking down the exact year you created the email and the website. It will help to know which service it was originally registered on.
I forget what system was used before Google but Google G-suite was used in 2019, which is now Google Workplace. If you know that it was created using G-Suite, you should start with contacting Squarespace support. You can do this in a live chat Monday-Friday. 
Squarespace technically provides these emails in partnership with Google so they may have options for you to access the email. Hope this all gets resolved! Sorry to hear this.

That did not work, but thank you for the tip about my CSS. You were right!! I was able to find the code that was doing that and fix it. 

@wolfsilon - adding  padding-top totally worked.  thank you!

Hello there,
You're probably right in not making images because scaling will certainly cause problems although, the alternative might cause just as many smaller problems...
What I would do is write the titles twice, once in the regular font but the second one (the one you want to have the handwritten font) should be in Italics or Bold.
1) Install your handwritten font to your website.
2) Identify the block-ID for each block with the two titles.
3) Target the "em"(italic) or "strong"(bold) and set the font family for it to your custom handwritten font -- adjust the font-size, line-height, weight, and maybe width/height  -- You might have to do this for the regular font too.
This should help you create two different fonts on one block but you might have word or line wrap problems. You'll have to play around with these but you can also create a pseudo layer to help.
Hope this helps,
Dan

This will require some Custom CSS to achieve this layout. To do this, start by defining the point when you want the layout to switch for mobile devices. For the purpose of this, I'll be using the Squarespace default "640px".
#mederi9 { @media only screen and (max-width:640px) { .sqs-col-6 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; padding-right: 0 !important; } .sqs-row { display: flex; flex-direction: row; width: 100% !important; flex-wrap: nowrap; align-items: unset; justify-content: center; margin: auto; padding: 0 !important; } .sqs-block-image { display: block; width: 100px !important; } .sqs-block { padding-right: 0 !important; } } } Hope that this helps,
Dan

Hello,
Try the following code, let me know if this helps.
section[data-section-id="60c763a3f3cec4103bebcf6f"] { @media only screen and (max-width: 640px) { .sqs-row { display: flex; flex-direction: column !important; } .sqs-col-6 { flex-direction: column-reverse; display: flex; } .sqs-col-6:last-child { display: flex; flex-direction: column; } } }  
-Dan

Nice post.
The problem is that these methodologies are being used by everyone and the datasets that are being accessed are limited, even if everyone is saying that they come from their own unique source.  Even Google's own keyword suggestions tool will only show you decent data if you are spending money in Google Ads.
Add to that the fact that nearly every commercial position - IE a keyword that has commercial value - is taken up by a paid-advertising slot, which are then followed by organic positions that are so far down the page as to be almost worthless for ranking and lead-generation purposes. Then factor in personalized listings and the whole thing becomes unmeasurable due to variances based on their past search history.
I think analyzing the search market for your segment is the most important thing to do and to then isolate the elements of pages as a clue to what people actually want to find against a search phrase. SEO has long-term value but I might be more inclined to run a short-term paid search campaign for keywords the "tools" say are important and then look at engagement metrics of those audiences to help isolate the keyword choice to then recurse back up to the SEO task.  You could do this on a different web-domain as it is just R&D.
Bear in mind that Google Ads now use what's called close-variants so the keyword you type in might not actually be the keyword the advertiser targeted. I would also make sure that the website ticks all the core web vitals box.
What I would also say is that if you are launching a website from scratch, try and make sure as much of the optimisation is done as possible so that on the first visit by search you have everything in place. If you have a website and are re-optimising page elements significantly expect up to 4 months to pass before you can reliably consider the pages to have been re-indexed and settled properly.
This is not replying at the previous posters who also bring their views that are valuable, but I hope this can help others.
G.
 
 
 

Hello,
I couldn't see where the button is supposed to be, is it on the home page? I don't see a payment plan section either. Also, this message commonly shows when you have installed it incorrectly or do not have custom javascript enabled on your website. Be sure that you have a Business plan with Squarespace. Custom scripts are only supported in Business or higher plans. If you have a Business plan....
How are you installing the code? Are you using a code block? Sometimes these scripts require that you add portions of it via Settings > Advanced > Code Injection > Header/Footer injection menus. To me, this looks like it could go in the Header Code Injection field. Let us know!
Thanks,
-Dan

Found some other problems. Do you need to fix?
Site URL: https://www.artschoolathletics.com/
1. (Mobile – Overlay menu) Spacing between About & Contact is bigger than the others

2. (Desktop/Tablet – Header) When i hover on Directors, just there is a white space in dropdown

3. (Desktop –  Narrative > Header) Can’t see contact button
https://www.artschoolathletics.com/narrative-motion

4. (Mobile – About) background image don’t show in full size
https://www.artschoolathletics.com/about-1

5. (Desktop/Tablet – New page > Header) It is so difficult to see header links
https://www.artschoolathletics.com/new-page

This is the code I use to make my header dropdown menus transparent. 
.header .header-nav .header-nav-item--folder .header-nav-folder-content { background: rgba(0,0,0,0.5); } Hope this helps! 
-Dan

There are certainly ways to do this, but not without some customized code/Javascript. You can also use a plugin like this one to create a timer and redirect function. Just install it on the page the viewer is redirected to after they signup for your newsletter and set the timer to redirect back to whatever page you want.
The issue you'll have with a solution like this, especially if it's a monetary tool for you, is that there isn't really anything stopping a viewer from returning to the page after the timer has expired. You would need to automatically scramble the URLs or create an access token that expires per user/per session. This type of system isn't really possible on Squarespace, if it is. It would need to be done by a professional developer.
Realistically though, I don't think someone would really take advantage of that workaround but it's just a thought perhaps something to consider in the future.
 
Hope this help!
-Dan
 

Can you share link to blog page where you want to embed? We can take a look.
--
I've created duplicates of the main site for each language so that I can translate the main menu and footer as well.
Not related, but you can use bradguide to do this on same site, no need to create 4 sites. I just helped a member creating "3 category sites" on same site with different logos, logo link, main navigation, footer

If a device doesn't have support for Javascript then Javascript can't run in the first place, so there is no need to disable it. Also note that for said device your site couldn't function as SS sites are heavily dependent on Javascript.

Hello,
Try this code below.
section[data-section-id="60cdc17f7d058466d13a964f"] { .sqs-block { padding-bottom: 0px !important; } } -Dan

You’re very welcome! 

Hello,
On 7.1, adding a slideshow in the way that you are talking about and shown in the example above is not possible. The slideshow options are limited to specific pages instead of blocks unfortunately.
However, 7.0 templates support these Gallery/Slideshow blocks.
If you are using 7.1, you'll need to use custom code. You can build a slideshow using a Javascript library or it is also possible to build a simple slideshow using CSS.
 

Hello,
To switch the order of these buttons you can use Custom CSS. The following code should solve your problem.
.header-actions--right { flex-direction: row-reverse; } Hope that this helps!
-Dan

Hello,
If you're using a 7.1 Template. You can do this by navigating to any page, click "Edit", and select "Edit Site Header". The menu will allow you to change the toggle switch for "Fixed Header" on or off.
If you're on version 7.0 using a compatible template family, you should be able to add the following code using the Custom CSS tool. Navigate from Home > Design > Custom CSS and paste the code below:
// Fixed Header // .Header { position: fixed; z-index: 9999; width: 100%; } -- Courtesy of Ghost Plugins.
Hope this helps!
-Dan

Hello Anne,
Could you give us a little more information on what exactly you need for the markdown code. Are you looking for a copyright symbol/icon to use? Are you trying to watermark specific content? Did you want to prevent users from interacting or saving your website content? Were you looking for a generic copyright disclaimer? It's a little vague in your wording but I assure you there are answers to each of the questions I asked, so just let me know! 🙂
Regarding your footer logo problem, could you please share the URL to your website so we can take a look at the image in question.
Thanks,
Dan