/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 vote306 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS
44 votes380 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote235 views1 answer
Insert background colour to css file
CSS
27 votes214 views6 answers
Import font css
CSS
0 vote254 views1 answer
Display inline not alligned
CSS
1 vote153 views1 answer
Ionic create project css
CSS
1 vote215 views2 answers
Antd css
CSS
13 votes196 views2 answers
How to middle text css
CSS
1 vote202 views1 answer
Grid rows css
CSS
0 vote194 views1 answer
Css ditribute width equealy to child components
CSS