/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

23 votes122 views5 answers
Font weight css
CSS
0 vote163 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
2 votes301 views2 answers
Remove input styling
CSS
2 votes142 views1 answer
Css last character
CSS
10 votes156 views5 answers
Css clamp
CSS
22 votes149 views6 answers
Font-family css
CSS
0 vote169 views1 answer
Htnl css
CSS
61 votes155 views3 answers
Css radius background color
CSS
0 vote186 views1 answer
Css custom cursor form image
CSS
1 vote155 views1 answer
Button onclick open video in new window
CSS