/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

9 votes170 views1 answer
Make background full on every screen css
CSS
1 vote169 views1 answer
Perfect circle css
CSS
2 votes195 views1 answer
Css set property with data attribute
CSS
0 vote195 views1 answer
Circle percentage css
CSS
165 votes221 views6 answers
Box shadow inset
CSS
28 votes174 views3 answers
Google font roboto
CSS
0 vote188 views1 answer
Make backgrond image smaller
CSS
-1 vote165 views2 answers
How to put different p elements next to each
CSS
158 votes219 views5 answers
Css background image with url
CSS
0 vote158 views2 answers
How to remove input background on select oin css
CSS