/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

76 votes105 views6 answers
Border radius css
CSS
0 vote93 views1 answer
Selection Handler css
CSS
0 vote101 views1 answer
Mailto link with no decoration
CSS
0 vote106 views3 answers
Boostarp grid npm css react
CSS
8 votes100 views2 answers
Css list style
CSS
1 vote107 views1 answer
Out transition does not ease
CSS
0 vote101 views1 answer
Ghjhgggggggg
CSS
0 vote93 views1 answer
How to remove text selection in css
CSS
0 vote94 views1 answer
à quoi sert clearfix
CSS
0 vote107 views1 answer
Create a specific form size and center in css
CSS