In the end, we get the following code example.


 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.

Artisteer template

 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.
The fixed menu in

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.

The fixed menu in

Now click Category - Positioning . The following window will appear:
Replace Type: relative; with fixed. And say "Apply". We don't touch anything else here.

The fixed menu in "Artisteer4"

As a result, we get the following code example.

The fixed menu in

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.
And now your menu is fixed.


WEB DESIGN - MY PORTFOLIO PROFESSIONAL HOSTINGS, 
PROJECTS THE WORK AT HOME,
DIGITAL PRODUCTS FREE AND PREMIUM
© Copyright 2015  RBS - All Rights Reserved




counter

Financial assistance for our site