-
Hi, Swup fade animation is working fine between pages. However, CSS doesn't work on whichever page I click on. For example, say If I used Grid/Flex on the page that I clicked on, the Grid/Flexbox doesn't work. This only happen when Swup is in use. I feel like this has to do with page reload. I tried reading the documentation but still couldn't really solve it. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
Update: the Head Plugin now supports waiting for newly added stylesheets to load before showing the new page. Previous answer: If you include separate CSS bundles for different subpages, that's to be expected since swup by default won't include stylesheets of the newly loaded page. You can try to bundle the whole site's stylesheet into a single file, that should solve your issue. |
Beta Was this translation helpful? Give feedback.
Update: the Head Plugin now supports waiting for newly added stylesheets to load before showing the new page.
Previous answer: If you include separate CSS bundles for different subpages, that's to be expected since swup by default won't include stylesheets of the newly loaded page. You can try to bundle the whole site's stylesheet into a single file, that should solve your issue.