replace temporary id names used

css/media-queries.css

@@ -150,7 +150,7 @@ Disroot Media Queries
      border-bottom-style: dotted;
   }
 
-  ul#testigo3 li {
+  ul#logo-right li {
      border-top: 1px solid #2D2E34;
      border-top-style: dotted;
   }
@@ -166,7 +166,7 @@ Disroot Media Queries
   }
 
 /* display menu panels */
-#nav-wrap:target div#testigo > ul#nav	{
+#nav-wrap:target div#nav-links> ul#nav	{
    display: block;
    padding: 30px 20px 10px 20px;
    background: #1f2024;
@@ -175,7 +175,7 @@ Disroot Media Queries
    width: 150px;
 }
 
-#nav-wrap:target div#testigo2 > ul#testigo3	{
+#nav-wrap:target div#nav-right > ul#logo-right	{
    display: block;
    padding: 0px 20px 10px 20px;
    background: #1f2024;
@@ -185,7 +185,7 @@ Disroot Media Queries
 }
 
 /* hide menu panel */
-#nav-wrap div#testigo > ul#nav {
+#nav-wrap div#nav-links> ul#nav {
    height: auto;
    display: none;
    clear: both;
@@ -196,7 +196,7 @@ Disroot Media Queries
    right: 0;
 }
 
-#nav-wrap div#testigo2 > ul#testigo3	{
+#nav-wrap div#nav-right > ul#logo-right	{
    height: auto;
    display: none;
    clear: both;
@@ -311,11 +311,11 @@ div#nav-logo {
    ------------------------------------*/
    #nav-wrap ul#nav { width: 10%; float: none; }
 
-   #nav-wrap:target div#testigo > ul#nav	{
+   #nav-wrap:target div#nav-links> ul#nav	{
       width: 80%;
    }
 
-   #nav-wrap:target div#testigo2 > ul#testigo3	{
+   #nav-wrap:target div#nav-right > ul#logo-right	{
       width: 80%;
    }
 

css/style.css

@@ -201,7 +201,7 @@ header .scrolldown a:hover { color: #50162D; }
   z-index: 101;
 }
 
-#testigo {
+#nav-links{
   text-align: center;
   flex-grow: 2;
 }
@@ -219,17 +219,17 @@ ul#nav li {
    padding-right: 1%;
 }
 
-ul#testigo3 {
+ul#logo-right {
   display: flex;
   justify-content: end;
   align-items: center;
 }
 
-ul#testigo3 li {
+ul#logo-right li {
   line-height: 0px;
 }
 
-#testigo2 {
+#nav-right {
   text-align: center;
   }
 
@@ -302,7 +302,7 @@ ul#nav li a {
 
 ul#nav li a:active { background-color: #b9a2ab !important; }
 ul#nav li a:hover { color: #FFFFFF;}
-ul#testigo3 li a:hover { color: #FFFFFF; opacity: 1;}
+ul#logo-right li a:hover { color: #FFFFFF; opacity: 1;}
 ul#nav li.active a { color: #FFFFFF; }
 
 ul#nav li a:hover .ul#nav li ul {

templates/partials/navigation.html.twig

@@ -23,7 +23,7 @@
     {% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}
 
 <div id="nav-logo" ><a href="{{ base_url == '' ? '/#home' : base_url }}"></a></div>
-<div id="testigo">
+<div id="nav-links">
     <ul id="nav" class="nav">
         {% for page in pages.children %}
             {% if page.visible %}
@@ -45,8 +45,8 @@
         <li><i class="fa fa-lock"></i> {% include 'partials/login-status.html.twig' %}</li>
     {% endif %}
     </ul></div>
-    <div id="testigo2">
-    <ul id="testigo3">
+    <div id="nav-right">
+    <ul id="logo-right">
     <li>
     <a id="dash-logo" href="https://apps.disroot.org" target=_blank></a>
     <a id="state-logo" href="https://state.disroot.org" target=_blank></a>