/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 vote117 views1 answer
React html height 100%
CSS
5 votes123 views2 answers
Style disabled button
CSS
120 votes232 views3 answers
React import bootstrap css file
CSS Bootstrap
10 votes121 views6 answers
Css hover change another element
CSS
66 votes118 views6 answers
Center an image
CSS
0 vote104 views1 answer
Css speak
CSS
0 vote112 views1 answer
Dict to sql python
CSS
0 vote122 views1 answer
Initialize toast
CSS
9 votes185 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote162 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap