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 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, 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