/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

49 votes178 views3 answers
Centralize image css
CSS
3 votes182 views4 answers
Blue gradient background
CSS
26 votes199 views3 answers
Cursor not pointer
CSS
0 vote186 views1 answer
Animations
CSS
7 votes184 views2 answers
Css list remove dot
CSS
37 votes188 views6 answers
Css gradient text
CSS
0 vote391 views1 answer
Fgg
CSS
24 votes196 views4 answers
Use woff2 font in css
CSS
0 vote204 views1 answer
Curve bottom of square css
CSS
0 vote194 views1 answer
Css filter img color etc
CSS