erikabarichello

Just realised it works fine if I set my macbook to light mode....but it doesn't work on dark mode even by using:

<meta name="theme-color" content="#872e4e" media="(prefers-color-scheme: dark)">

So weird I cannot see it on any of my MacBooks....Maybe they're too old (even if they both run Safari 15.1)....

@paul2009 https://officinaasti.it

I  added <meta name="theme-color" content="#F39200"> to my Squarespace website to make the top bar of the browser my color of choice, but it doesn't work.

I have entered the code to the header in code injection (along with other meta) but nothing happens.

How can I achieve this?

The scrolling works as supposed only on the second click....

Hi, no, I still have to solve the problem... I created a copy of the website where I have tested at least 4 different solutions (3 in jQuery only) and one following a post here on the forum. They all behave the same way, with only the last link working weirdly...

I kept the solution that seems working slightly better.... but the problem with the last section persists on mobile...

here's the copy of the website: https://bison-seadragon-lw9j.squarespace.com
pass: 1234

the title of the last section hides underneath the navigation bar (which is yellow and a little transparent for testing reasons...)

I can share the code I am using if anybody thinks it might help.

Thank you!

Nope. It works well on firefox but on safari, chrome and iOS safari the page stops scrolling around the instruments offered section....

Hi @bangank36, this is the link: https://dms-music-education.squarespace.com

pass: dms21

The problem is with the "contact" link.

I really don't know what to do anymore, I've even duplicated the website and put all the elements within the same section, it behaves the same. 🥲🥲🥲

Hello, I am building  a single page website where I have added a custom navigation to the top with anchor links that make the page scroll to their specific section.

Everything works fine except the third and last link, supposed to send you to the contact form, last section before the footer.
When clicked it scrolls to the wrong place, on a section before the correct one. It goes to the right spot just on the second click.

I have tried with 3 different coding solutions, all involving jQuery and they all behave the same way. 

Any idea why this could be happening?

Thanks 🙂

any chance to get the website link too?

thanks

On your custom CSS paste:

To change the background:

.sqs-announcement-bar-url {
background-color: #040534;
}

To change the text:

.sqs-announcement-bar-text p, .sqs-announcement-bar-text a {
color: #ffffff;
}

And, to change the "X" to close the announcement bar:

.sqs-announcement-bar-close {
color: #ffffff;
}

could you please share the link of your website?

and for the active link to be underlined try to paste this, always on your custom css:

.main-nav .active-link a, .main-nav .folder li.active-link a {
text-decoration: underline
}

On your custom CSS add:

#collection-5f1e45a92189c2206f62e757,
#collection-5f1e4a7691bcb241a7ca7236 {
background-color: #000;
color: #fff;
}

#collection-5f1e45a92189c2206f62e757 refers to the "Not Another Photo Album" page

#collection-5f1e4a7691bcb241a7ca7236 refers to the "Hands of God" page

Sorry I reply this late...but I never figured it out...the video on the homepage looks terrible while all the others are fine...maybe it's something related to the length of the video? 😩

Hello,

I am working on a website where I need to add a video from Youtube as a Banner.

Everything works fine but the quality of the video in the banner is really low and all pixelated. I'd like those to be at least at 720, better at 1080.

How can I fix this? 

This is the video I am embedding: 

I've tried with this URL: https://www.youtube.com/watch?v=BIIJXp-gumY

and with this: https://youtu.be/BIIJXp-gumY

Thank you!