skip to Main Content

Here is an example of such mechanics:
enter image description here

I was looking for a solution to this problem wherever possible, but I did not find it, I tried to do it with the help of neural networks, but no.

It would be nice if you could tell us what this type of drop-down menu is called, or at least how it can be done using the link example

In various videos, I found how to make a drop-down menu for the site header, but many of them do not have the option that I indicated with the image above

2

Answers


  1. It’s just a simple div which is being set from display: none to display: {what they use flex or grid}.

    display: none means the element is hidden.
    And when this property is changed from none,the element appears on the screen with the display pattern such as flex and grid.
    It will be javascript allowing a trigger for every element in header of the navbar.

    Login or Signup to reply.
  2. This should be a working css for your use case

    .nav-item:hover .submenu {
      display: block;
    }
    

    Remaining is style based on your application

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search