/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 vote111 views1 answer
@extend must be used with a %placeholder
CSS
3 votes118 views5 answers
Css keep aspect ratio image
CSS
1 vote71 views1 answer
Css main container align center
CSS
10 votes123 views6 answers
Css bottom shadow
CSS
1 vote134 views1 answer
Css html unterstreichen
CSS
1 vote124 views1 answer
How to alternate background colour in html div elements in css
CSS
0 vote106 views1 answer
Hover show scrollbar css
CSS
2 votes121 views3 answers
Make an image smaller css
CSS
0 vote103 views1 answer
Div style how to wrap around
CSS
0 vote117 views1 answer
String interning in python
CSS