/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

23 votes142 views4 answers
Css gradient border
CSS
2 votes88 views1 answer
How to bring default values in css
CSS
0 vote130 views1 answer
Tailwind css react craco
CSS
0 vote139 views1 answer
Change font size according to screen css
CSS
0 vote147 views1 answer
Css pagedList
CSS
1 vote132 views1 answer
Break pre text
CSS
0 vote173 views1 answer
Twig language name
CSS
2 votes144 views1 answer
How to put image in button css
CSS
61 votes128 views3 answers
Css radius background color
CSS
47 votes146 views6 answers
Css blur
CSS