/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

3 votes226 views1 answer
Change css to scss angular
CSS
0 vote229 views1 answer
How to remove underline from list item in html
CSS
56 votes257 views6 answers
Center with css
CSS
0 vote223 views1 answer
Sweet alert modal form
CSS
23 votes249 views3 answers
Placeholder color in css
CSS
1 vote243 views1 answer
Double color background css
CSS
0 vote224 views1 answer
Cta button css
CSS
1 vote240 views1 answer
Css div on the bottom
CSS
0 vote254 views2 answers
Mask image css
CSS
1 vote266 views2 answers
Woocommerce shopping cart icon size
CSS