/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 vote185 views1 answer
Css wrap text next line align right
CSS
13 votes186 views4 answers
Scss transition mixin
CSS
2 votes210 views1 answer
Css square image
CSS
0 vote194 views1 answer
Animated display css
CSS
0 vote196 views1 answer
Align links to right css
CSS
1 vote190 views1 answer
Background-color not showing grover pdf
CSS
1 vote152 views1 answer
Html hide text if too long
CSS
0 vote182 views1 answer
Hide scroll bar and show when hover with small size
CSS
0 vote298 views1 answer
Materialize css form file input
CSS Materialize
37 votes188 views1 answer
Trumping
CSS