/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 votes196 views5 answers
Align item center flex
CSS
50 votes178 views3 answers
How to center in absolute position
CSS
0 vote202 views2 answers
Css removing title popups
CSS
1 vote179 views1 answer
Kommentar css
CSS
8 votes174 views2 answers
Horizontal align icon css
CSS
8 votes169 views3 answers
Css max one line three dots
CSS
0 vote181 views1 answer
Shrouded
CSS
36 votes237 views6 answers
How to insert gradient in css
CSS
7 votes136 views2 answers
Html vertical and horizontal center
CSS
0 vote191 views1 answer
Css make a cell twice as big flexbox
CSS