MMilward Posted December 22, 2020 Share 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 1 Link to comment
Beyondspace Posted December 22, 2020 Share 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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
MMilward Posted December 22, 2020 Author Share 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> Beyondspace 1 Link to comment
MMilward Posted December 22, 2020 Author Share Posted December 22, 2020 Awwwww!!! I figured out what you mean!! it worked!!! thank you so much!! Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment