/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

65 votes212 views3 answers
Css set variable
CSS
0 vote184 views1 answer
Soup css selector
CSS
3 votes224 views1 answer
E/ViewRootImpl: sendUserActionEvent() mView returned.
CSS
2 votes211 views1 answer
Bootstrap 5 auto darkmode 5
CSS
9 votes210 views2 answers
Semibold css
CSS
1 vote191 views1 answer
Animated website using html and css
CSS
5 votes227 views2 answers
Remove bootstrap button outline
CSS Bootstrap
1 vote203 views2 answers
Hover border bottom css fixed
CSS
0 vote154 views1 answer
Materialize css icon
CSS Materialize
0 vote215 views1 answer
All heading tags selector scss
CSS