Animate Announcement Bar Up on Scroll in Squarespace 7.1

preview_player
Показать описание
Animate Announcement Bar Up on Scroll in Squarespace 7.1 - In this video I show you how to animate the announcement bar out of view on scroll when your website has a fixed header. It is a better user experience because less of the content on the page gets covered as the user scrolls down.

Get the CSS on my blog:

Get the CSS in my Course (A Giant library of 7.1 CSS snippets)

Save 10% off your first subscription of a Squarespace website or domain by using code PARTNER10. (This is an affiliate link, so if you end up setting your website live I will receive a small commission!)

Sign up for my free Squarespace CSS for beginners eCourse:

Learn to create custom layouts in Squarespace!

My goal is to help you create more custom Squarespace websites so that you can charge more for your services.

If you need help designing, updating, or implementing custom code on your Squarespace website, you can hire me to do so through my contact page:

If my content has helped you out I would really appreciate a small donation to allow me to keep making tutorials:

Рекомендации по теме
Комментарии
Автор

Your announcement bar may be taller than 41px depending on the font size of the text in it, so make sure you adjust that negative margin-top value to be the same height as your header.

SEWebDesign
Автор

Super helpful! Great explanation as well. I’m definitely going to be using this in one of my clients sites. 👍

tjkesteleyn
welcome to shbcf.ru