/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 vote354 views1 answer
Blue color when button click web mobile
CSS
1 vote382 views2 answers
Image to fill container size
CSS
0 vote359 views1 answer
Css not last of type
CSS
0 vote369 views1 answer
How to get 2 words one left aligh and right align in css
CSS
0 vote359 views1 answer
Ul reset
CSS
0 vote422 views2 answers
Bulma uppercase
CSS Bulma
0 vote362 views1 answer
Css image hover zoom and rotate
CSS
0 vote338 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
0 vote364 views1 answer
How to add dotted line after and before text in css
CSS
0 vote362 views1 answer
How to paralax effect on background image
CSS