/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 vote386 views2 answers
Css button style rectangle
CSS
0 vote342 views2 answers
Ssh: connect to host 165.22.132.219 port 22: Connection refused
CSS
0 vote360 views2 answers
Css firefox remove scrollbar
CSS
-1 vote333 views5 answers
Add tailwind to next
CSS
14 votes370 views5 answers
Input number hide arrows
CSS
0 vote315 views2 answers
Transparent input box
CSS
0 vote376 views1 answer
Width height samsung note 20 screen
CSS
127 votes475 views4 answers
React import bootstrap css
CSS Bootstrap
1 vote400 views1 answer
Bootstrap col no gaps
CSS Bootstrap
8 votes359 views6 answers
Aos css
CSS