Creating a Fixed Position and Responsive Menu

This article will discuss about positioning in CSS, we will make a case study of a menu whose position is fixed, commonly called a floating menu, or flying menu or fixed position menu.

The menu will not move even if we scroll down.

This style is currently being applied by many web designers, many social media websites also apply a menu that has a fixed position, for example Twitter, Facebook, Pinterest also apply it.

Okay, let’s just start making.

First prepare the index.html file

insert 2 fonts from google web font in the head and /head section of the html file.

Then create an HTML structure as follows