Changement active class

static/src/css/pylote.css

@@ -271,6 +271,10 @@ div#wrap{
 	color: #56A099;
 }
 
+.navbar-light .navbar-nav #menu-contact .nav-link.active{
+	color: #fff;
+}
+
 .navbar-light .navbar-toggler{
 	border-color: rgba(0, 0, 0, 0);
 }

views/home.xml

@@ -408,7 +408,7 @@
                     <div class="col-md-4">
                       <img class="img img-responsive" src="/pylote_website/static/src/img/spray-img.png"/>
                     </div>
-                    <div class="col-md-4 pt-3 pr-md-5 pr-sm-0 pl-md-5 pl-sm-0">
+                    <div class="col-md-4 pt-3 pr-md-2 pr-sm-0 pl-md-2 pl-sm-0">
                       <h5><span>Issues</span></h5> 
                       <p>Ophthalmic preparations are subject to microbiological contamination. Ophthalmic solutions used both for diagnostic and therapeutic purposes have found to be contaminated by pathogenic bacteria with reported rates as high as 70%, combined with severe ocular infections such as keratitis and endophthalmitis.</p> 
                       <h5><span>Risk</span></h5> 

views/menu.xml

@@ -8,13 +8,13 @@
             </xpath> -->
             <xpath expr="//ul[@id='top_menu']" position="inside">
                 <li class="nav-item" id="menu-news">
-                    <a role="menuitem" href="/blog/news" class="nav-link">
-                        <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name" data-oe-id="80">News</span>
+                    <a role="menuitem" href="/blog/news" t-att-class="'active nav-link' if request.httprequest.path == '/blog/our-blog-1' else 'nav-link' ">
+                        <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name">News</span>
                     </a>
                 </li>
                 <li class="nav-item" id="menu-contact">
-                    <a role="menuitem" href="/contact" class="nav-link btn-primary">
-                        <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name" data-oe-id="90">Contact us</span>
+                    <a role="menuitem" href="/contact" t-att-class="'active nav-link btn-primary' if request.httprequest.path == '/contact' else 'nav-link btn-primary'" >
+                        <span data-oe-model="website.menu" data-oe-field="name" data-oe-type="char" data-oe-expression="submenu.name">Contact us</span>
                     </a>
                 </li>
             </xpath>