This behavior is not present when I am on localhost When I visit my deployed netlify site, the home page has an old layout and styling. I click through to a different page, and then back to the home page and it has the current styling. https://giphy.com/gifs/YMYrkXDJRezPHowkrL

Your comment sparked an idea. I am using Gatsby for the static site generator and styled-components for styling, and was missing gatsby-plugin-styled-components plugin. Added plugin and is now working :slight_smile:

hi @krichdev - sounds like something isn’t getting updated correctly, which can happen for various reasons. Can you provide your netlify url please so we can have a look?

can you tell us your netlify name/url please?

when you check your deploy/build logs, are you seeing any errors? just verifying that the live version is actually the most up to date one.

No errors - here is the latest build log that says published `12:12:10 AM: Build ready to start 12:12:16 AM: build-image version: 9e0f207a27642d0115b1ca97cd5e8cebbe492f63 12:12:16 AM: build-image tag: v3.3.2 12:12:16 AM: buildbot version: 0868ae15c7c4005fe7a69a665a5062b7f6293c2f 12:12:16 AM: Fetchi…

and we know its the latest version because the home page only displays that way when you first visit it, any time coming back to the home page after first visit the correct styling is applied

Any chance it has something to do with custom domain?

Seems unlikely that custom domain would be relevant - I can see it on your netlify sitename when I browse directly, for instance. Could you tell me what file has your CSS in it? When I visit the page I don’t see any CSS files loading, so isolating which file has the style info in it might help us …

I know @krichdev already solved this - but a little more context for others who may not know how to use the gatsby-plugin-styled. Gatsby has a tutorial: Styled Components | Gatsby This, however, required modifying a .babelrc – which my Gatsby project didn’t have (since I was still using one that s…

Home Page Displays Different CSS

Support

perry October 16, 2019, 3:37pm 13

thanks for sharing what fixed it! that is definitely helpful for other users, and i’m glad it works now!

Topic		Replies	Views
Homepage broken when publishing to Netlify Support deployment , gatsby	2	395	March 14, 2020
Layout of my project is broken on Netlify Support netlify-newbie , gatsby	6	1477	August 9, 2020
The page doesn't have the stylings (Gatsby, styled-component) when first launched Support netlify-newbie , gatsby	3	487	May 1, 2022
Local build looks very different from build version Support building , deployment , netlify-newbie , gatsby , create-react-app	6	2263	January 16, 2021
Gatsby builds locally but fails on deploy Support building , deployment , gatsby	3	1726	February 27, 2021

Home Page Displays Different CSS

Related topics