Как сделать горизонтальное меню фиксированным в шаблоне Artisteer?
  Откройте папку с готовым проектом нашего шаблона (сайта).

<<< Найдем и откроем файл (style.css). Настоятельно рекомендую открыть его в Dreamweaver.

Mobirise

    
Далее найдем блок (.art-nav).
Его позиция между 300-500 строкой, но в зависимости от проекта шаблона может быть и ближе и дальше.

Ниже пример CSS блока в Dreamweaver. Это код не фиксированного меню.

 Нам нужно лишь добавить несколько строк в желтом секторе
и изменить position: relative; на position: fixed;

Так будут выглядеть наши изменения.

position: fixed;
z-index: 499;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto; 

Для тех кто не желает делать это ручками я предлагаю более безопасный и более логичный способ.

После того как вы найдете модуль .art-nav щелкните левой мышкой по коду .art-nav. С правой стороны в колонке стилей в самом ее низу вы увидите стиль .art-nav. Двойной щелчек по этой строке выдаст вам следующее окно. Смотрим ниже. 

Здесь, В колонке слева, нам нужно изменить лишь две категории (Category) - Box и Position. Щелкним по позиции Box, откроется следующее окно: Где мы заменим Width на 100%. И "скажем" Apply. Больше в Box мы не трогаем ничего .

    Такой будет категория BOX

Теперь Щелкним по категории Position. Появится ниже следующее окошко: Заменим в Type: relative; на fixed. И скажем Apply. Больше здесь мы не трогаем ничего.

В итоге мы получим следующий код блока (.art-nav)

.art-nav
{
background: #E0EFF7;
background: -webkit-linear-gradient(top, #EBF4FA 0, #BFDDEE 40%, #BBDBED 50%, #BFDDEE 60%, #EBF4FA 100%) no-repeat;
background: -moz-linear-gradient(top, #EBF4FA 0, #BFDDEE 40%, #BBDBED 50%, #BFDDEE 60%, #EBF4FA 100%) no-repeat;
background: -o-linear-gradient(top, #EBF4FA 0, #BFDDEE 40%, #BBDBED 50%, #BFDDEE 60%, #EBF4FA 100%) no-repeat;
background: -ms-linear-gradient(top, #EBF4FA 0, #BFDDEE 40%, #BBDBED 50%, #BFDDEE 60%, #EBF4FA 100%) no-repeat;
-svg-background: linear-gradient(top, #EBF4FA 0, #BFDDEE 40%, #BBDBED 50%, #BFDDEE 60%, #EBF4FA 100%) no-repeat;
background: linear-gradient(to bottom, #EBF4FA 0, #BFDDEE 40%, #BBDBED 50%, #BFDDEE 60%, #EBF4FA 100%) no-repeat;

position: fixed;
z-index: 499;
width: 100%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

    Dreamweaver сделает это за вас Автамотически. На все про все на подобную процедуру с помощью Dreamweaver у вас уйдет 2-3 минуты. Я рекомендую сохранить этот код ну скажем в NOTEPAD. Не Забудьте сохранить открытый в Dreamweaver файл - (style.css) в вашем проекте.

Второй способ более корректный, так как ручками можно по неведению и напартачить.
Теперь заменим файл style.css на хостинге на наш новый файл. Все!!! ваше меню неподвижно. 

WEB DESIGN, PROFESSIONAL HOSTINGS,
PROJECTS THE WORK AT HOME
DIGITAL PRODUCTS FREE AND PREMIUM