/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

1 vote197 views1 answer
Why are suacer pans made of bakelite
CSS
0 vote241 views1 answer
Click a list html css
CSS
3 votes219 views2 answers
No border css
CSS
12 votes237 views3 answers
Sticky header css
CSS
34 votes214 views3 answers
Css blur background image only
CSS
17 votes231 views3 answers
Rotate image in css
CSS
0 vote218 views2 answers
Chrome developer tools send get request
CSS
3 votes229 views1 answer
Enter in css
CSS
0 vote244 views1 answer
Box-sizing border-box vs content-box css
CSS
14 votes233 views2 answers
How to render css in flask
CSS