/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

0 vote304 views1 answer
Cd cover dimensions
CSS
0 vote305 views1 answer
Bootstrap progress bar animation not working
CSS
6 votes318 views4 answers
Webkit-line-clamp browser support
CSS
6 votes317 views2 answers
Css browser prefixes
CSS
0 vote339 views1 answer
Css template columns and rows
CSS
0 vote330 views2 answers
After and before css
CSS
0 vote314 views1 answer
Add image under header html
CSS
0 vote405 views1 answer
Foreach and if condition in qweb
CSS
0 vote317 views1 answer
3D button using CSS
CSS
0 vote356 views1 answer
Enable xdebug ddev
CSS