ОТКЛЮЧИТЬ ИЗОБРАЖЕНИЯ: ШРИФТ: A A A ФОН: Ц Ц Ц Ц
SEVER IT.ru
шаблоны модули создание сайтов
МЕНЮ

Для фиксировании меню при прокрутке страницы можно использовать следующий способ

В файл index.php перед закрываюшим тегом </body> вставьте следующий код

<script type="text/javascript">
jQuery(function(){
 jQuery(window).scroll(function() {
 if(jQuery(this).scrollTop() >= 290) {
 jQuery('.top-menu.row').addClass('fixedtop');
 }
 else{
 jQuery('.top-menu.row').removeClass('fixedtop');
 }
 });
});
</script>

 

В файл template.css  добавьте 

ul.top-menu.row.fixedtop{
	position: fixed;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	top: 0;
	left: 0;
	z-index: 20;
	border-top-left-radius: 0;
        border-top-right-radius: 0;
}

Для отключения фиксации меню на разрешениях экрана меньше 768 px после строки  @media (max-width: 767.98px) { добавьте

ul.top-menu.row.fixedtop{
	position: inherit;
	margin-left: -15px;
        margin-right: -15px;
	width: auto
	}

You have no rights to post comments

Уважаемые коллеги!

Каталог шаблонов и расширений теперь доступен на нашем новом сайте Joomla School

Всем нашим клиентам предоставляется доступ в Личный кабинет и на Форум технической поддержки.

Сайт работает на Joomla 3.10.0  Версия PHP 7.4.6

© 2024 SEVER IT.ru шаблоны модули создание сайтов