active menu css

Add Answer

Davidayo answered on April 27, 2022 Popularity 1/10 Helpfulness 1/10

answer active menu css

related active menu item css

related Active class in menu section

related How to add .active class to active menu item

related css active button

active menu css

Comment

css file

<style>
	nav ul li a {
  		color: #333;
  		text-decoration: none;
  		padding: 10px;
	}


    nav ul li a.active {
      color: #fff; 
      background-color: #007bff;
      font-weight: bold;
    }

</style>


<body class="home">
     <nav>
         <ul>
             <li class="home"><a href="index.php">Home</a></li>
             <li class="contact"><a href="contact.php">Contact Us</a></li>
             <li class="about"><a href="https://www.davidayo.com/">About Us</a></li>
             
         </ul>
     </nav>
</body>

Popularity 1/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css menu

Link to this answer
Share Copy Link

Contributed on Jan 29 2025

Davidayo

0 Answers Avg Quality 2/10

Closely Related Answers

active menu item css

Comment

//unfocused

.menuItem{
	background-color:red;
}


//focused
.menuItem:Focus{
	background-color:blue;
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 04 2022

Wiley Wombat

0 Answers Avg Quality 2/10

Active class in menu section

Comment

// active class in menu section
// first
@php
    $route = Route::current()->getName();
@endphp
// 2nd
<li class="{{ ($route == 'home') ? 'active' : ''  }}"><a href="{{ route('home') }}">Home</a></li>

Popularity 9/10 Helpfulness 2/10 Language php

Source: Grepper

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Nov 12 2022

Zabir Emu

0 Answers Avg Quality 2/10

How to add .active class to active menu item

Comment

<?php
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
     if( in_array('current-menu-item', $classes) ){
             $classes[] = 'active ';
     }
     return $classes;
}

Popularity 9/10 Helpfulness 2/10 Language php

Source: developer.wordpress.org

Tags: add class clas

Link to this answer
Share Copy Link

Contributed on Apr 27 2022

Indonesia People

0 Answers Avg Quality 2/10

css active button

Comment

-2

button.selected{
 backround:red;
}

Popularity 10/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jul 18 2022

Said HR

0 Answers Avg Quality 2/10

active menu css

Contents

More Related Answers

active menu css

Closely Related Answers

active menu item css

Active class in menu section

How to add .active class to active menu item

css active button

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.