Ну что же,все получилось как и требовалось.
Так как планировалось Поиск перенести из области Меню в шапку,то
решение,которое предложил Кирилл
#elSearchWrapper {display: none;}
#elSearch {
width: 0;
}
не подошло и было реализованно немного по-другому.
В шаблоне navBar
{template="quickSearch" group="global" app="core" params="$preview"}
заменил на
<div id="elSearchWrapper" class='elSearchWrapper'>
<div id='elSearch' class='elSearch'></div>
</div>
В custom.css добавил одноименные классы (ну так захотелось) к #elSearchWrapper и #elSearch
#elSearch.elSearch{
width:0px;
}
#elSearchWrapper.elSearchWrapper{
display:none;
}
тем самым мы не затронули основные глобальные стили Поиска для вывода в другом месте и Меню у нас на всю ширину .
И теперь все это выглядет так
Нуууу вот как-то так !