/CSS/Add custom css to wordpress menu item

Add custom css to wordpress menu item

How make custom menu in wordpress

function wpb_custom_new_menu() {
  register_nav_menus(
    array(
      'my-custom-menu' => __( 'My Custom Menu' ),
      'extra-menu' => __( 'Extra Menu' )
    )
  );
}
add_action( 'init', 'wpb_custom_new_menu' );

Source: wpbeginner.com

How make custom menu in wordpress

<?php
wp_nav_menu( array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

Source: wpbeginner.com

Add custom css to wordpress menu item

// Wordpress apperance panel settings
1. Go to admin > appearance > menu
2. Click on Screen Options (top right of the screen)
3. Check the CSS classes options in the “Show advanced menu properties” panel
4. add your css classes to the element

Similar codes

1 vote267 views2 answers
Css animation linear
CSS
-1 vote328 views1 answer
How to write a comment in css
CSS
2 votes274 views1 answer
Bootstrap 5 auto darkmode 5
CSS
1 vote255 views1 answer
Tailwind hover
CSS
0 vote338 views1 answer
Css file path
CSS
2 votes263 views1 answer
Responsive background image
CSS
0 vote330 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
3 votes290 views1 answer
Visibility transition css only on show
CSS
4 votes247 views1 answer
Plasma state of matter
CSS
0 vote265 views1 answer
Text-overflow ellipsis hover tooltip css
CSS