/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

-2 votes178 views2 answers
Scss how to declare variable for multiple files
CSS
-1 vote164 views1 answer
Hwo to use flexbox to make a nav bar
CSS
0 vote167 views1 answer
Font semi bold css
CSS
0 vote161 views2 answers
Adding font in nextjs
CSS
1 vote167 views1 answer
Input type date remove calendar icon
CSS
145 votes209 views6 answers
Add bootstrap to react
CSS
33 votes178 views3 answers
Change button shaddow css
CSS
0 vote168 views1 answer
How to add space inbetween lines in html
CSS
1 vote151 views2 answers
Fit image in grid css
CSS
3 votes152 views2 answers
Expo vector icons install
CSS