/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 vote350 views1 answer
Css text bubble
CSS
50 votes359 views3 answers
Simple css reset
CSS
7 votes323 views1 answer
Change background input css
CSS
0 vote395 views1 answer
Bring element to front css
CSS
37 votes401 views6 answers
Css gradient text
CSS
0 vote360 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
1 vote433 views2 answers
Inner border css
CSS
-1 vote378 views1 answer
Css backdrop filter grayscale
CSS
0 vote394 views1 answer
Mac input shadow
CSS
0 vote379 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS