Open the folder with the finished project of your template (site).
Let's find and open the file (style.css). It's better to open it in Dreamweaver.
Next, find the block (art-nav).
Its position is between 300-500 lines, but depending on the template design it can be closer or further. Below is an example of a CSS block in Dreamweaver. This code is not a fixed menu.
All we need to do is add a few lines to the yellow section and change position: relative; на position: fixed;
position: fixed;
z-index: 499;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
For those who don't want to do it manually, I suggest a safer and more logical way.
Once you find the .art-nav module, left-click on .art-nav. On the right side of the style column, at the very bottom, you will see the .art-nav style. Double-clicking on this line will open the following window.
See the following image.
Now click Category - Positioning . The following window will appear:
Replace Type: relative; with fixed. And say "Apply". We don't touch anything else here.
As a result, we get the following code example.
Dreamweaver will do it for you automatically. It will take you only 2-3 minutes.
I recommend saving this code in NOTEPAD.
Don't forget to save the file opened in Dreamweaver (style.css) in your project.
The second method is more correct, as you can make mistakes manually.
Now we replace the style.css file on the hosting with our new file.