Если вы хотите чтобы меню можно было редактировать через админку в пунктах меню. То нужно использовать тип модуля для меню (Панель меню --> Расширения --> Модули) у него выбрать position, этот position через код в index.php в нужно месте конструкцией
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/templates/gcbs/css/bootstrap.min.css">
<link rel="stylesheet" href="/templates/gcbs/css/owl.carousel.min.css">
<link rel="stylesheet" href="/templates/gcbs/css/owl.theme.default.min.css">
<script src="/templates/gcbs/js/jquery.slim.min.js"></script>
<script src="/templates/gcbs/js/popper.js"></script>
<script src="/templates/gcbs/js/bootstrap.min.js"></script>
<script src="/templates/gcbs/js/owl.carousel.min.js"></script>
<link rel="stylesheet" href="/templates/gcbs/css/MyStyle.css">
<script src="/templates/gcbs/js/custom.js"></script><spoiler title="index.php"><!DOCTYPE html>
<html lang="ru">
<head>
<title>New gcbs</title>
<?php require "SharedBlocks/head.php"?>
</head>
<body>
<?php require "SharedBlocks/sudo-top.php"?>
<?php require "SharedBlocks/menu.php"?>
<?php require "SharedBlocks/top.php"?>
<?php require "SharedBlocks/social-link.php"?>
<h3>My content</h3>
<?php require "SharedBlocks/footer.php"?>
</body>
</html></spoiler><spoiler title="templateDetails.xml"><?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="3.10" type="template" client="site">
<name>GCBS</name>
<creationDate>2022</creationDate>
<author></author>
<authorEmail></authorEmail>
<authorUrl>None</authorUrl>
<copyright> 2022. All Rights Reserved.</copyright>
<license>GNU General Public License version 3 or later; see LICENSE.txt</license>
<version>1.0</version>
<description>TPL_GCBS_XML_DESCRIPTION</description>
<files>
<folder>css</folder>
<folder>img</folder>
<folder>js</folder>
<folder>language</folder>
<folder>MySliders</folder>
<folder>Pages</folder>
<folder>SharedBlocks</folder>
<filename>component.php</filename>
<filename>error.php</filename>
<filename>favicon.ico</filename>
<filename>Feedback.php</filename>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>template_preview.png</filename>
<filename>template_thumbnail.png</filename>
<filename>templateDetails.xml</filename>
</files>
<positions>
<position>position-200</position>
</positions>
<languages folder="language">
<language tag="en-GB">en-GB/en-GB.tpl_GCBS.ini</language>
<language tag="en-GB">en-GB/en-GB.tpl_GCBS.sys.ini</language>
</languages>
</extension></spoiler><jdoc:include type="modules" name="position-0" style="none" />
<div class="nav justify-content-center align-items-center">
<ul class="nav nav-pills align-self-center">
<li class="nav-item align-self-center">
<a class="nav-link navbar-brand" href="index.php"><img class="logo" src="/templates/gcbs/img/bibl_logo.png"></a>
</li>
</ul>
</div>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>TestSite</title>
</head>
<body>
<nav class="nav">
<a href="" class="logo"><img src="img/bibl_logo.png" alt="home"></a>
<ul class="nav__list">
<li class="nav__item"><a href="" class="nav__link">link</a></li>
<li class="nav__item"><a href="" class="nav__link">link</a></li>
<li class="nav__item"><a href="" class="nav__link">link</a></li>
<li class="nav__item"><a href="" class="nav__link">link</a></li>
<li class="nav__item"><a href="" class="nav__link">link</a></li>
</ul>
</nav>
<div class="slider">Слайдер</div>
<header class="header">
<div class="titles">Афиши</div>
<div class="new-books">Новинки книг</div>
<div class="news">Новости</div>
<div class="social">Мы в соц.сетях</div>
<div class="mode-work">Режим работы</div>
</header>
<div class="slider">Слайдер рекламы</div>
<footer class="footer"> © МБУК 2011-2022 г.</footer>
</body>
</html>* {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
margin: 0;
}
.nav {
display: flex;
align-items: center;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.logo {
display: block;
font-size: 0;
width: 100px;
height: 50px;
border: 1px dotted gray;
}
.nav__list {
display: flex;
column-gap: 12px;
list-style-type: none;
}
.nav__link {
display: block;
padding: 10px;
border-radius: 4px;
background: deepskyblue;
color: white;
text-decoration: none;
transition: 0.5s background-color;
}
.nav__link:hover {
background: darkblue;
}
.slider{
background: chartreuse;
height: 100px;
}
.header{
margin: 0;
padding: 0;
}
.titles{
background: rgb(51, 145, 145);
height: 100px;
}
.new-books{
background: rgb(224, 93, 93);
height: 100px;
}
.news{
background: rgb(115, 87, 216);
height: 100px;
}
.social{
background: rgb(216, 87, 216);
height: 100px;
}
.mode-work{
background: rgb(230, 233, 90);
height: 100px;
}
.footer{
text-align: center;
background: #f0f0f0;
font-weight: bolder;
/*text-transform: uppercase;*/
color: #000;
text-decoration: none;
padding: 8px 20px;
/*Прибиваем к низу окна*/
display: flex;
flex-direction: column;
min-height: 100%;
flex: 1 0 auto;
}
