/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 vote361 views1 answer
Display none but keep space
CSS
0 vote347 views3 answers
Css class selector
CSS
0 vote357 views2 answers
Center a fixed div horizontally
CSS
0 vote356 views1 answer
Mathjax beautiful math in all browsers
CSS
4 votes350 views3 answers
Css alternate row color
CSS
4 votes357 views1 answer
Resize in css
CSS
0 vote350 views1 answer
How to use * in html
CSS
2 votes352 views1 answer
Clamp margin
CSS
0 vote352 views1 answer
Vertical divider between my flexbox
CSS
101 votes341 views4 answers
Css top padding
CSS