Forum Moderators: open

Message Too Old, No Replies

Responsive Menu - What is the trend please?

         

Digmen1

7:51 am on Jun 25, 2020 (gmt 0)

10+ Year Member Top Contributors Of The Month



Hello
I am trying to design a Responsive nav bar for my website.
Many tutorials put a hamburger menu on the navbar when you resize the website to mobile.
Then the user has to click on it to see the Menu options vertically.

I have seen some sites (and mine so far) where the menu just resizes to vertical when the screen resizes to mobile.

It seems to me that the extra coding for the hamburger bar icon, and the javascript for the user to click to show the menu options is really not the best option.

What do you think?

NickMNS

3:12 pm on Jun 25, 2020 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



It is possible to implement a hamburger pattern with only CSS, JS is not need.

tangor

6:20 pm on Jun 25, 2020 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I avoid js in navigation ... reduces page bloat ... and the results are the same as far as the user is concerned.

Scarlett

9:29 am on Jul 7, 2020 (gmt 0)

5+ Year Member



Surely CSS is a better option for the Hamburger Menu icon. The best part is that you can find many tutorials or ideas online to create this icon using CSS which are easy and effective.

JAB Creations

11:53 am on Aug 13, 2020 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



My platform uses CSS-only unordered list element that works on mobile and includes an invisible checkbox that when :checked in CSS pops open on mobile without having to use different code.

Ignore trends, leaders don't follow trends, they set them.

Additionally never, ever use the Hamburger menu icon without the word "Menu" nor should you equally ever use the Hamburger menu style unless the visitor is using a mobile device. I literally block websites with Adblock using the body selector when I encounter "mobile first!" mindless mentality. You're welcomed to the the code in the link of my profile and use it for yourself.

John