/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 vote147 views1 answer
Get clicked position javascript image
CSS
5 votes149 views3 answers
Set scroll position bottom in div css
CSS
0 vote129 views1 answer
How to use * in html
CSS
1 vote145 views1 answer
How to space out buttons css
CSS
15 votes141 views6 answers
Hr css
CSS
0 vote144 views1 answer
Td wrap text without space
CSS
0 vote163 views1 answer
Tslib.es6
CSS
1 vote130 views1 answer
Css background offset
CSS
0 vote133 views1 answer
Responsive font size with clamp
CSS
3 votes138 views2 answers
Move css background image
CSS