/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 vote233 views1 answer
How to space out buttons css
CSS
0 vote239 views2 answers
Webpack alias not working in jest
CSS
0 vote186 views2 answers
Transparent circle in css
CSS
0 vote230 views1 answer
Tag name css doesn't work
CSS
1 vote212 views3 answers
Console error
CSS
3 votes231 views1 answer
Zoom in to picture on html css
CSS
1 vote210 views1 answer
Select all class in css
CSS
22 votes224 views4 answers
Import font css from url
CSS
1 vote259 views2 answers
Onclick url
CSS
1 vote237 views1 answer
Button click css style
CSS