/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 vote225 views1 answer
Bootstrap modal overflow
CSS
1 vote217 views1 answer
How to wrap the data in table material UI
CSS
0 vote213 views1 answer
Nuxt page transition
CSS
0 vote205 views1 answer
Faire des colonnesdef etexte css
CSS
420 votes312 views6 answers
Delete array element
CSS
0 vote230 views1 answer
Medim size mat form field
CSS
0 vote241 views1 answer
Css changer la couleur de la sélection
CSS
0 vote208 views1 answer
Remove border radius select css
CSS
98 votes192 views6 answers
Css center
CSS
39 votes214 views5 answers
Add drop shadow css
CSS