Hacker News new | ask | show | jobs
by dunky11 2295 days ago
Also the buttons at the top inside the navgation (HOW IT WORKS, PRICING, DOCS, SIGN IN) have too little contrast with the blue background. There are white but have an opacity of 0.6. Set the opacity to 1 and they look much better. Add maybe a border effect on hover.
1 comments

Thanks, I've just changed it. It's definitely looking better. I tried border effects but I think they're too much for my (almost nonexistent) design skills.
I think you have problems with the mobile navigation now :) The hover effect makes the background white, however the text is now white too. I would do somethink like: .navigation:hover { border: 2px solid white; margin: -2px; } And tweak the border-radius/border-color a little bit maybe. The hover effect on the non mobile navigation is fine.
Don't need to write CSS, built the website with Webflow :)
Or maybe just drop the background effect on hover and add the underline effect to the mobile navigation on hover.
I think I got it right now.