Transition not working in and out
hi i have issues regarding css transition and github.
the css transition works only on the beginning although i set in and out in the hamburger menu and the header .
after i deployed my static site the img folder doesnt show in source which i used in
background-image and forsome reason the gitignore doesnt work while i stated in to ignore /scss and main.map.css .
github repo :https://ilyas-draissia.github.io/make22/.
website :https://github.com/ilyas-draissia/make22GitHub
GitHub - ilyas-draissia/make22
Contribute to ilyas-draissia/make22 development by creating an account on GitHub.
2 Replies
When the nav is closed, it's display: block instead of flex... and it has no height, etc.
You'll want to style it when it's close to look exactly how you look, but then make the changes to the parts you want to change, like say the transition and opacity.
For the image paths, it looks like you paths are currently set up for your
scss file, which is in a folder (there is the ../ at the start), but when you compile your CSS, the main.css is in the root, so you'd just want ./img instead, or img/.
If you do that and it doesn't work in production, you could always have the compiled CSS in a style folder, so then the path still matches.thanks i did what you told me on the url it worked (after a long time due to github servers ) but the transition effects doesnt seem to get it maybe because i have several nav classed items could plaese you explain and thanks in advance .