can i get some feedback on my mobile navbar?
let me know what you think: https://aldenaire-barbershop.netlify.app/
Barbershop - Aldenaire
Welcome to barbershop, the best place for stylish haircuts, beard trims, and grooming services. Our experienced barbers provide top-notch services in a comfortable and friendly environment. Book your appointment today for a fresh look!
19 Replies
Sorry, but if I came across this outside of this post, I wouldn't have recognized that as the nav menu. I do really like the little scissors icon when the menu is open, so I'd definitely look for a place to use it. I just don't think it works for the nav menu.
fair enough
chagned it, thanks for the advice!
Barbershop - Aldenaire
Welcome to barbershop, the best place for stylish haircuts, beard trims, and grooming services. Our experienced barbers provide top-notch services in a comfortable and friendly environment. Book your appointment today for a fresh look!
may i suggest you to add a button to scroll back to the top and maybe use a bigger font size on your nav
It's at the top, where users can't reach with their thumb unless they use small devices.
Put the hamburger to the right, make your nav__list 100% height, disable body scroll.
Put the hamburger to the right,Doesn't help the left-handed š
they are minority. design should always aim for the majority.
I disagree. By that logic, you would also not care about web accessibility in general.
That's something else. Web accessibility option (if I understood correctly) most of the time is hidden on mobile since phones have that already built in, also it is not used so often like menu button is. Priorities.
Personally I think that when you reach that min64em m-query you should make the links bolder, bigger, replace their margin with padding, remove the gap from the ul, perhaps add a border-top and give it a box-shadow, to show that it is higher than the other stuff on page.
Something like this
Hey
I would like to make your website responsive
if you can offer help, please do so in open chat. We don't allow the selling of any kinds of services
No no It's not any kind of selling, I'm impressed with your project so it'll like a help
looks not bad
I would add some active color that points where user right now
Also I would strongly recommend you to add a dark mode
hi guys, thank you for the advice!
is there an easy way to achieve dark mode with css and html only?
Kevin Powell
YouTube
Light & Dark mode WITHOUT CSS!
The color-scheme property is a super useful property. It allows us to switch the UI elements, like form controls, scrollbars, and all that to light or dark modes, but it also has a meta tag that we can use as well, allowing us to create light and dark modes without even writing any CSS!
š Links
ā
Polypane: https://a.paddle.com/v2/click/39438/...
You are probably working on this right now but I can't see any navbar when clicking on the hamburger item. Tested on both Chrome and Firefox.
It looks like a z-index issue.