/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 vote338 views2 answers
Prevent line break css
CSS
161 votes425 views4 answers
Link external css
CSS
0 vote363 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
0 vote333 views1 answer
Git apagar branch remoto
CSS
0 vote358 views1 answer
Fonts from google fonts do not work
CSS
0 vote318 views1 answer
Make td match display flex
CSS
0 vote318 views1 answer
Flexbox stretch
CSS
0 vote331 views1 answer
Divi hide header
CSS
54 votes334 views8 answers
Media query
CSS
1 vote314 views1 answer
Css overwriting styles
CSS