/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 vote347 views1 answer
Understanding '>' sign in css selector
CSS
0 vote363 views1 answer
Remove effect off animation css
CSS
1 vote316 views1 answer
Css url do not change color of visited links
CSS
10 votes312 views6 answers
Css hover change another element
CSS
2 votes324 views1 answer
Make object not selectable javascript
CSS
4 votes347 views1 answer
Clealyrun
CSS
0 vote329 views1 answer
Remove border radius select css
CSS
0 vote369 views1 answer
Date icon color change
CSS
2 votes400 views1 answer
How to override material ui css
CSS
30 votes331 views6 answers
Background image with gradient css
CSS