/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 vote175 views2 answers
How to scroll fixed position
CSS
-1 vote172 views1 answer
How to many image fullscreen in css
CSS
3 votes183 views2 answers
Adminlte.min.css.map error
CSS
1 vote170 views1 answer
How to delete css property using css
CSS
3 votes188 views1 answer
Css transition visibility
CSS
0 vote189 views7 answers
Convert css box shadow to react native
CSS
3 votes199 views2 answers
Remove highlight input css
CSS
-1 vote195 views1 answer
Html css circle progress bar
CSS
0 vote192 views1 answer
For...of...loop and NodeLists
CSS
-1 vote193 views1 answer
Css not full width
CSS