/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

4 votes154 views1 answer
Who created css
CSS
1 vote115 views1 answer
Scroll bottom css
CSS
0 vote121 views1 answer
Reference WP media file on child theme CSS file
CSS
0 vote132 views2 answers
Icon rounded corners css
CSS
0 vote116 views1 answer
Google script css link
CSS
0 vote80 views1 answer
Css skip first child
CSS
1 vote138 views1 answer
Css select part of class name
CSS
0 vote115 views1 answer
Access lamp folder using terminal mac
CSS
4 votes154 views3 answers
Block zoom js mobile
CSS
0 vote156 views1 answer
Css padding top screen height
CSS