/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

3 votes262 views1 answer
How to remove underline from link of p in css
CSS
0 vote310 views1 answer
Au fourneua bakery
CSS
8 votes286 views1 answer
When hover target diffrent element
CSS
0 vote299 views1 answer
Media query change button text
CSS
0 vote275 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
3 votes287 views3 answers
Open sans css
CSS
-1 vote299 views1 answer
Critical css
CSS
2 votes281 views1 answer
Ionic install font
CSS
0 vote292 views1 answer
Vuetify width of textfield
CSS
1 vote280 views2 answers
How to lighten the color of text in html
CSS