MMilward Posted December 22, 2020 Posted December 22, 2020 Site URL: https://www.michellemilwardphotography.ca/ I just built my site and it's pending transfer from 7.0. Everything looks great accept when it refreshes from time to time and on mobile view - CSS is showing at the header but only on the home page. HOME PAGE CODE .Index-page:first-child .sqs-layout, .Intro .sqs-row { -webkit-animation: fade-text-anim 2s ease; animation: fade-text-anim 2s ease; } @keyframes fade-text-anim { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } 25% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }
Beyondspace Posted December 22, 2020 Posted December 22, 2020 47 minutes ago, MMilward said: Site URL: https://www.michellemilwardphotography.ca/ I just built my site and it's pending transfer from 7.0. Everything looks great accept when it refreshes from time to time and on mobile view - CSS is showing at the header but only on the home page. HOME PAGE CODE .Index-page:first-child .sqs-layout, .Intro .sqs-row { -webkit-animation: fade-text-anim 2s ease; animation: fade-text-anim 2s ease; } @keyframes fade-text-anim { 0% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } 25% { opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); -ms-transform: translate3d(0,30px,0); -o-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } I guess you place this code in code injection section, try to wrap the text within <style> and </style> to make it a valid stylesheet BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
MMilward Posted December 22, 2020 Author Posted December 22, 2020 Hi bangank36, I don't know what you mean. I didn't add this code it just happened on the back end while I was building my site. I might have accidentally hit something, but looking at the code I don't even see <style> and </style>
MMilward Posted December 22, 2020 Author Posted December 22, 2020 Awwwww!!! I figured out what you mean!! it worked!!! thank you so much!!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.