![]() We will have to create new menu items that will appear when the mobile menu button is clicked. We have named our hamburger menu button as mobile-menu-button so that we may be able to identify it when we are writing our JavaScript code. outline-none class removes the outline border when the button is clicked.flex class aligns the hamburger menu side by side with the other items in the navbar.md:hidden class hides the mobile menu button when viewed in a medium screen size.Other classes that we have used are explained below. We also changed its color to gray with text-gray-500 class. We modified its height and width with the h-6 and w-6 classes. We have used an SVG icon to make the hamburger menu button. This section shows the sign up and login buttons. ![]()
0 Comments
Leave a Reply. |