/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

58 votes303 views6 answers
How to center a div vertically and horizontally
CSS
0 vote332 views1 answer
Justify-self
CSS
0 vote286 views1 answer
Css centrar imagen
CSS
0 vote309 views2 answers
Prevent line break css
CSS
50 votes290 views5 answers
Css reset style
CSS
14 votes310 views4 answers
How to create a strikethrough in css
CSS
55 votes316 views5 answers
Margin shorthand CSS
CSS
0 vote310 views1 answer
Css loading spinner with text
CSS
0 vote295 views1 answer
Css psedou content data
CSS
43 votes269 views6 answers
Nth-child in css
CSS